Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
com/html5guide
HEAD ELEMENTS
DOCTYPE <!DOCTYPE html> <head> The doctype is not case-sensitive. It has been simplifed from the unwieldy HTML4/XHTML version to this syntax above.
SEMANTIC ELEMENTS
NAV <nav> <ul> <li>Home</li> <li>Portfolio</li> <li>Blog</li> <li>Contact</li> <li>Pages</li> </ul> </nav>
HEAD AND META <head> <meta charset=utf-8> </head> TIME AND DATE <time datetime=2012-06-12>Tuesday, 12 June 2012</time> The time element allows you to mark up the time structure of content in a machinereadable way; for example, a user agent can add a reminder to a calendar, or a search engine can filter results based on time. This element also allows you to express dates and times in a format of your choice using the datetime attribute.
5
HTML
The meta element has been simplified. The http-equiv=Content-Type and content=text/html attributes can be excluded to produce this pared-down example above.
The article element indicates an independent, self-contained item of content to be reused or redistributed elsewhere such as an interactive widget or a blog post. ARTICLE <article> <h3>Photoshop</h3> <p>Lorem ipsum dolor sit amet, consectectur adipiscing elit. Prasen ...</p> </article>
Usually, <link> elements have included a type attribute, for instance, with a value of text/css; HTML5-based syntax encourages you to drop the type attribute completely.
ASIDE <aside> <h3>Friendly Venus Themes</h3> <p>As premium themes go, Venus by Friendly Themes has it all ...</p> </aside>
HGROUP <hgroup> <h1>Semantic Elements <i>within</i> Content</h1> <h2>Form Tags and Attributes</h2> </hgroup> The hgroup element is used to group related, consecutive heading elements such as titles and subtitles. SECTION <section> <p>This element specifies a list of options displayed in ...</p> </section>
The mark element is used to highlight text for reference purposes due to its relevance in another context; for example, to highlight a word a user has searched for in a search field.
FOOTER <footer> <ul> <li>Site Map</li> <li>Privacy Policy</li> <li>Contact Us</li> </ul> </footer>
FIGCAPTION <figure> <img src=photo.png alt=Robot /> <figcaption>This is SitePoint Robot speaking</figcaption> </figure>