Markup for postal addresses

by

The address element must only be used if this postal address represents the contact information for “its nearest article or body element ancestor”, which, of course, is not the case for all addresses. But if address is used or not, it doesn’t affect the following.

The whole address should be enclosed in a p element, because “an address is also a paragraph”.
As addresses should not be translated, the translate attribute should be set to no.

Each line (except the last one) should be followed by a br element, because the line breaks are meaningful (or “part of the content”, as the HTML5 spec calls it) in addresses.

Each address part (name, street, city, etc.) can be enclosed in a span element. This is not required, but allows the use of semantic annotations.
Abbreviated address parts can be expanded with the abbr element, which can be useful for users not familiar with the address format (e.g., “What means MA?”).

So up to this point, we have:

<p translate="no">
  W3C/MIT<br>
  32 Vassar Street<br>
  Room 32-G515<br>
  Cambridge, <abbr title="Massachusetts">MA</abbr> 02139 USA
</p>

Vocabularies

Schema.org’s PostalAddress type can be used for all address parts except for the room.

The vCard Ontology (which maps vCard to RDF) defines an Address class. There doesn’t seem to be a way to specify the room.

Another Address class is defined in the ISA Programme Location Core Vocabulary. The room can be specified with the locatorName property.

Microformats has h-card (with its p-adr) and h-adr. The room can be specified with p-extended-address.

Using the schema.org vocabulary with RDFa (Lite) as an example:

<p translate="no" typeof="schema:PostalAddress">
  <span property="schema:name">W3C/MIT</span><br>
  <span property="schema:streetAddress">32 Vassar Street</span><br>
  Room 32-G515<br>
  <span property="schema:addressLocality">Cambridge</span>, <abbr title="Massachusetts" property="schema:addressRegion">MA</abbr> <span property="schema:postalCode">02139</span> <abbr property="schema:addressCountry">USA</abbr>
</p>

More Related Contents:

  1. Should I use tag for icons instead of ? [closed]
  2. input type=”submit” Vs button tag are they interchangeable? [duplicate]
  3. vs vs for inline and block code snippets
  4. Is a DIV inside a TD a bad idea?
  5. Using custom HTML Tags
  6. Should a heading be inside or outside a ?
  7. Are block-level elements allowed inside inline-level elements in HTML5?
  8. HTML5 nested sections and heading tags
  9. w3c html validation error – Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections
  10. Valid to use (anchor tag) without href attribute? [duplicate]
  11. How to properly use h1 in HTML5
  12. When to use line breaks vs CSS positioning?
  13. Marking up a search result list with HTML5 semantics
  14. CSS/HTML: What is the correct way to make text italic?
  15. Is it correct to use DIV inside FORM?
  16. Most common way of writing a HTML table with vertical headers?
  17. How can I vertically align elements in a div?
  18. Image inside div has extra space below the image
  19. Why doesn’t the height of a container element increase if it contains floated elements?
  20. What is the default form HTTP method?
  21. How to change the time format (12/24 hours) of an ?
  22. How can I scale an entire web page with CSS?
  23. Place text after dots inline with the second line of text overflow ellipsis
  24. What are the allowed tags inside a ?
  25. Flexbox alternative for IE9
  26. Fallback for CSS attributes without unit
  27. Add a pipe separator after items in an unordered list unless that item is the last on a line
  28. How to get rid of extra space below svg in div element
  29. How to align footer (div) to the bottom of the page? [duplicate]
  30. valid order for attributes of input type tag

Leave a Comment