Sam Sam

9/26/2013 New Tags in HTML 5

Other articles by:Sam Sam

New Tags in HTML 5

HTML 5 is a new specification of HTML designed to follow HTML 4.01 and was created by designers who were not satisfied with the direction the W3C was taking HTML.

HTML5 introduces many new tags, including several devoted to better describing a document's structure and take on some of the load that has required complex JavaScript or browser plug-ins.

Layout and Structural Tags 

The new layout tags in HTML 5 allow you to divide web pages into logical parts with tags that are descriptive of the type of content they contain. Use these tags just like you would a div tag for your layout.

·         article: The article tag identifies major sections of content within a web page. Think of a blog, where each individual post constitutes a significant piece of content.

·         section: The section tag is meant to identify significant portions of the content on the page. This tag is somewhat analogous to dividing a book into chapters.

·         footer - the footer of the page

·         header: As the name suggests, the header tag is intended to mark a section of the HTML page as the header.

·         aside: The aside tag represents a note, a tip, a sidebar, or something that's just outside the main flow.

·         figure: The figure tag is a container for content (typically images, but it can be anything).

·         nav: The content contained within the nav tag is intended for navigational purposes.

Multimedia Content Tags

HTML 5 is attempting to make video and audio easier to add to Web pages. One of the ways that it is doing that is by providing specific tags for audio, video, and the source files.

·         audio: The audio tag identifies sound content, such as music or any other audio streams. The audio tag has attributes that control what, when, and how audio will be played.

·         video: The video tag allows you to broadcast video clips or streaming visual media. It has all the attributes of the audio tag plus three more: poster, width, and height. The poster attribute lets you identify an image to be used while the video is loading.

·         source: The source tag defines multimedia resources for <video> and <audio> tags. With this element, you specify alternative video and audio files from which the browser can then choose based on its media type or codec support.

Rated 3.10, 10 vote(s). 


Notify me when new comments are added to this post
Save comment