上QQ阅读APP看书，第一时间看更新
1.4.4 课堂案例——使用address元素
address元素通常位于文档的末尾，用来在文档中呈现联系信息，包括文档创建者的名字、站点链接、电子邮箱、地址、电话号码等。address元素不只是用来呈现电子邮箱或地址这样的“地址”概念，还应该包括与文档创建人相关的各类联系方式。
下面是address元素示例。
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>address元素实例</title>
</head>
<body>
<address>
<a href="mailto:example@example.com"> webmaster</a><br />
某装修公司<br />
xxx区xxx号<br/>
</address>
</body>
</html>
浏览器中显示地址的方式与其他文档不同，IE、Firefox和Safari浏览器以斜体显示地址，如图1.16所示。
图1.16 address元素示例
还可以把footer元素、time元素与address元素结合起来使用，具体代码如下。
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>footer元素、time元素与address元素结合</title>
</head>
<body>
<footer>
<div>
<address>
<a title="作者：王军">王军</a>
手机号码:1352****896
</address>
<br>
发表于<time datetime="2019-11-04">2019年11月4日</time>
</div>
</footer>
</body>
</html>
在这个示例中，文章的作者信息放在了address元素中，文章发表日期放在了time元素中，address元素与time元素中的总体内容作为脚注信息放在了footer元素中。该示例在浏览器中的效果如图1.17所示。
图1.17 footer元素、time元素与address元素结合示例