Wednesday, 27 February 2013

HTML 5 Structure | HTML Tutorial pdf free download

HTML 5 Structure

It is common to mark them up using div elements, giving each a descriptive id or class.
The use of div elements is largely because current versions of HTML 4 lack the necessary semantics for  describing these parts more specifically.
=> HTML 5 addresses this issue by introducing new elements for representing each of these different sections.
=> The div elements can be replaced with the new elements: header, nav, section, article, aside, and footer.
=> The markup for that document could look like the following:
<body>
<header>...</header>
<nav>...</nav>
<article> <section> ... </section> </article> <aside>...</aside>
<footer>...</footer>
</body>
=> Header-represents the header of a section, may contain more than just the section’s heading—ex.-sub headings, version history information or bylines.
=> Footer-for marking up the footer of, not only the current page, but each section contained in the page.
Ex: -<footer>© 2007 Example Inc.</footer>
=> Nav- represents a section of navigation links. It is suitable for either site navigation or a table of contents.
=> Aside -for content that is tangentially related to the content around it, represents content related to the main area of the document.
=> Section- represents a generic section of a document or application, such as a chapter.
=> Article- represents an independent section of a document, page or site, which can stand alone, for content like news or blog articles.

No comments: