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
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
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.