A semantic element clearly describes its meaning to both the browser and the
Examples of non-semantic elements: <div> and <span> - Tells nothing about its
Examples of semantic elements: <form>, <table>, and <img> - Clearly defines its
Tags - <nav>:
"Not all groups of links on a page need to be in a nav element
only sections that consist of major navigation blocks are
appropriate for the nav element."
<a href="#" title="link">link</a>
Tags - <article>:
"a composition that forms an independent part of a document,
page, application, or site. This could be a forum post, a
magazine or newspaper article, a Web log entry ..."
<p>Some content here.</p>
Tags - <section>:
"section is a blob of content that you could store as an
individual record in a database."
Tags - <footer>:
"The footer element represents a footer for its
nearest ancestor sectioning content or
sectioning root element. A footer typically
contains information about its section such as
who wrote it, links to related documents,
copyright data, and the like."
• navigator.geolocation.getCurrentPosition() -
obtain the user's current location
• navigator.geolocation.watchPosition() - watches for
changes in a user's location
• FF 3.5
• Chrome (via GoogleGears)
• Safari on the IPhone
Canvas - is a new HTML element which can be used to
"SVG - Scalable Vector Graphics (SVG) is a standard from
the W3C which is built on top of XML. The SVG standard
describes ways that graphics can be drawn for use on the
Audio / Video:
• Offers the ability to easily embed media into HTML
• Media playback can be controlled via JS and media
• A flash fallback could be provided for browsers that
don't support HTML5 media
Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg:
•MP4 = MPEG 4 files with H264 video codec and AAC audio codec
•WebM = WebM files with VP8 video codec and Vorbis audio codec
•Ogg = Ogg files with Theora video codec and Vorbis audio codec
Audio / Video:
• Session and Local Storage—provides a js
interface to key-value storage.
• Web Databases—RDBMS support for storing
structured data inside the browser.
• Application Cache—Local Cache