Welcome to the conclusion of a six-part series on some of the more exciting elements in HTML 5. Though this specification had not yet been approved by the World Wide Web Consortium at the time of writing, the elements described in this series will make your life easier once the new specification receives widespread adoption (and support from the major web browsers). This article covers three elements in HTML 5 that, like the ones discussed in previous parts, will help make your web page code cleaner and more semantic.
Using HTML 5`s Mark, Summary and Details Elements (Page 1 of 4 )
As you may have already heard, HTML 5 comes with a great variety of brand new features that will let you create cleaner, highly semantic web pages without having to mess up your beautifully crafted markup with tons of generic elements. Therefore, if you’re interested in improving your web design skills and learning how to work with some of the most relevant elements included with the upcoming W3C specification, then look no further because you’ve come to the right place.
Welcome to the final part of this introductory series on HTML 5. In a step-by-step fashion, this series gets you started using this major language upgrade, and complements the corresponding theoretical concepts with a decent numbers of practical examples.
Speaking of practical examples, you’ll probably recall that in the previous installment I demonstrated how to use the <article> HTML 5 element for embedding into a web page content fetched from an external source, such as a web service, a third-party blog or an RSS feed (feel free to add your own item to the list). It’s worth stressing, though, that the new elements included with HTML 5 doesn’t stop with the <article> tag, as the language comes bundled with many others that also deserve a close analysis.
With that goal in mind, in this last part of the series I’m going to discuss the <mark>, <summary> and <details> tags, which are actually very easy to grasp and use. So let's get rid of the boring preliminaries and start demonstrating with some functional code snippets how to work with these HTML 5 elements. Let’s go!