Semantic Page Elements

HTML5 reinforces the notion of semantic markup. That is, tags are not supposed to describe how a section of the page looks, but instead should describe the meaning of the section in the page context. As Web developers began to embrace these changes in XHTML, pages were full of <div class = “x”> markups. The semantic page elements added in XHTML are meant to add first-class tags to a few elements common on every page.

tip.epsFirefox 3 supports most of the semantic tags (header, article, footer, and so on) but it displays them as inline elements. Add display:block to these elements in CSS, and they’ll appear as expected (although they’ll still need more CSS to do anything special).

address

The <address> tag is intended to hold contact information for the author of a page or section. Although it was available in HTML 4, the <address> tag is now intended to be used inside either the entire page content or inside a section or article to indicate the author of that section. Other tags (especially anchors to e-mail addresses or page links) can be embedded in the address.

  <address>

    10475 Crosspoint Blvd <br />

    Indianapolis, IN 46526

  </address>

tip.eps Most browsers render addresses as italics, but this is not guaranteed. Like any HTML tags, you can modify exactly how the ...

Get HTML5 For Dummies® Quick Reference now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.