HTML address 标签:文章作者与网站运营者的联系信息
创建时间 2026-10-30
最后修改 2026-10-30
HTML <address> 用于标识负责文档或单篇文章的作者或机构的联系信息。它不仅限于邮寄地址:还可以包括电子邮件、电话或联系页面链接。不要仅仅将其用于位置描述或包裹每个地址字符串。
标识联系信息属于谁
address 描述了其最近的祖先 article 的联系信息。如果不存在这样的 article,则它适用于 body 所表示的文档。这使您可以在不同范围内放置文章作者的联系信息和网站运营者的联系信息。请包括个人或组织的名字,以便读者知道谁会收到查询。
完整示例:文章作者和网站运营者
将以下文档保存为 contacts.html 并在浏览器中打开。地址使用示例域名 example.test;它们是练习值,没有实际收件人。
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>作者与网站的联系信息</title>
<style>address { font-style: normal; }</style>
</head>
<body>
<h1>示例技术新闻</h1>
<article>
<h2>HTML 文档结构指南</h2>
<p>在这里编写文章正文。</p>
<footer>
<p>发布日期:<time datetime="2026-10-30">2026年10月30日</time></p>
<address>
文章作者:示例编辑团队<br>
电子邮件:<a href="mailto:editor@example.test">editor@example.test</a>
</address>
</footer>
</article>
<footer>
<address>
网站运营:示例运营团队<br>
电子邮件:<a href="mailto:site@example.test">site@example.test</a>
</address>
</footer>
</body>
</html>
编辑团队的联系信息位于文章内,网站运营团队的联系信息位于文章外。发布日期不是联系信息,因此将它放在 address 外的 time 元素中。CSS 规则 font-style: normal 去除了默认的斜体外观,同时保留联系信息的语义。
mailto链接请求用户的邮件处理应用程序打开;此HTML本身不会发送电子邮件。在实际文档中,请将示例替换为有效的收件人,并首先确认联系信息可以公开。示例地址无法接收实际咨询。
区分普通地址和装饰性斜体
当位置或送货地址不是作者或责任方的联系信息时,请不要自动使用 address。请根据上下文使用普通段落或列表。默认的斜体样式也不是将强调内容放入 address 的理由。
保持内容与联系信息相关。不要在 address 中包含标题元素、article、section、header、footer 或另一个 address。如果联系部分需要标题,请将其放在 address 前面。MDN 的 address 元素参考 解释了范围和内容规则。




