Home arrow HTML arrow Using HTML 5`s Mark, Summary and Details Elements

Using HTML 5`s Mark, Summary and Details Elements

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.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
May 04, 2010
  1. · Using HTML 5`s Mark, Summary and Details Elements
  2. · Highlighting text in an HTML 5 document with the mark tag
  3. · Including additional details in a web page with the details element
  4. · Working with the summary tag

print this article

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!

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials