diff options
author | Mark Otto <mark.otto@twitter.com> | 2011-09-03 10:35:28 +0400 |
---|---|---|
committer | Mark Otto <mark.otto@twitter.com> | 2011-09-03 10:35:28 +0400 |
commit | bfa5ce70d490a82007c0f4b67ddacc2efba2b34b (patch) | |
tree | 8f705b84b4cf215df63526e69042212950523fda /docs | |
parent | df8eccbfe13a8c6d08a57dc939dff03c41721b6c (diff) |
updated address examples
Diffstat (limited to 'docs')
-rw-r--r-- | docs/index.html | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/docs/index.html b/docs/index.html index de573406e5..52ea716149 100644 --- a/docs/index.html +++ b/docs/index.html @@ -354,13 +354,25 @@ <p><a href="#">Fusce dapibus</a>, <strong>tellus ac cursus commodo</strong>, <em>tortor mauris condimentum nibh</em>, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Nulla vitae elit libero, a pharetra augue.</p> <p><strong>Note:</strong> It's still okay to use <code><b></code> and <code><i></code> tags in HTML5 and they don't have to be styled bold and italic, respectively (although if there is a more semantic element, use it). <code><b></code> is meant to highlight words or phrases without conveying additional importance, while <code><i></code> is mostly for voice, technical terms, etc.</p> <h3>Addresses</h3> - <p>The <code><address></code> element is used for contact information for its nearest ancestor, or the entire body of work. Here’s how it looks:</p> - <address> - <strong>Twitter, Inc.</strong><br /> - 795 Folsom Ave, Suite 600<br /> - San Francisco, CA 94107<br /> - <abbr title="Phone">P:</abbr> (123) 456-7890 - </address> + <p>The <code><address></code> element is used for contact information for its nearest ancestor, or the entire body of work. Here are two examples of how it could be used:</p> + + <div class="row"> + <div class="span4"> + <address> + <strong>Twitter, Inc.</strong><br /> + 795 Folsom Ave, Suite 600<br /> + San Francisco, CA 94107<br /> + <abbr title="Phone">P:</abbr> (123) 456-7890 + </address> + </div> + <div class="span4"> + <address> + <strong>Full Name</strong><br /> + <a mailto="">first.last@gmail.com</a> + </address> + </div> + </div> + <p><strong>Note:</strong> Each line in an <code><address></code> must end with a line-break (<code><br /></code>) or be wrapped in a block-level tag (e.g., <code><p></code>) to properly structure the content.</p> <h3>Abbreviations</h3> <p>For abbreviations and acronyms, use the <code><abbr></code> tag (<code><acronym></code> is deprecated in <abbr title="HyperText Markup Langugage 5">HTML5</abbr>). Put the shorthand form within the tag and set a title for the complete name.</p> |