>  기사  >  웹 프론트엔드  >  Address标签_html/css_WEB-ITnose

Address标签_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:47:491375검색

address

address元素用来在文档中呈现联系信息,包括文档创建者的名字、站点链接、电子邮箱、真实地址、电话号码等;address不只是用来呈现电子邮箱或真实地址这样的“地址”概念,而应该包括与文档创建人相关的各类联系方式信息。

根据以上定义,我们可以使用下面的代码来展示一些志愿者的名字及主页链接:

The HTML5 Doctor is run by the following group of volunteers:<address><a href="http://html5doctor.com/author/jacko">Jack Osborne</a>,<a href="http://html5doctor.com/author/richc">Rich Clark</a>,<a href="http://html5doctor.com/author/miker">Mike Robinson</a>,</address>

下面是另一个范例,同时还使用到了

及 元素:

<footer><div class="vcard"> by<address class="author">  <em class="fn"><a title="Posts by Jack Osborne" href="#">Jack Osborne</a></em></address> on<time datetime="2009-11-04" class="published updated">November 4th, 2009</time></div></footer>

如果我们确实需要在页面中显示某些与当前文档创建者联系方式无关的联系人信息,那么可以使用hCard微格式:

<div class="vcard"><p class="fn"><a class="url" href="#">Dr. Jack Osborne</a><p><p class="adr"><span class="street-address">HTML5 Hospital</span><span class="region">Doctorville</span><span class="postal-code">Postal Code</span><span class="country-name">Great Britain</span></p><p class="tel">+44 (0)XXXX XXXXXX</p></div>

HTML5学习笔记简明版(3):新元素之hgroup,header,footer,address,nav

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.