首頁 > web前端 > html教學 > Address标签_html/css_WEB-ITnose

Address标签_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:47:49
原創
1388 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板