应置于 直接子元素的 内,表示页面级作者信息;若 被嵌套则语义失效;同一页面仅一个 级 ,多文章页可在各 内单独使用。

是的,<address></address> 标签推荐且常见地放在 <footer></footer> 内部,但必须满足一个关键前提:<footer></footer> 本身要是 的直接子元素。
否则,语义会失效。
✅ 正确用法:<address></address> 在 <footer></footer> 里,且 <footer></footer> 是 的直系孩子
<header>...</header><main>...</main><footer><address>
联系作者:<a href="mailto:hello@example.com">hello@example.com</a><br>
Mozilla Foundation<br>
Mountain View, CA 94043, USA
</address>
</footer>
这样写,<address></address> 明确表示整个页面的作者/所有者信息,语义清晰、无障碍友好、符合 HTML5 规范。
❌ 常见错误:<footer></footer> 被包裹在 <div> 或其他容器中<pre class="brush:html;toolbar:false;">
<div class="wrapper">
<footer><!-- ❌ 语义断开:footer 不是 body 直接子元素 --><address>...</address>
</footer>
</div>
</pre>
<p>即使 <code><address></address> 写对了,只要它的最近合法父级(即 <footer></footer>)不是 的直接子元素,浏览器和读屏器就无法正确识别其“页面级作者信息”的语义。
? 补充要点
- 同一页面只应有一个
<address></address>(在 级),多个会被忽略(仅第一个生效)
- 如果页面含多篇文章(如博客列表页),每篇
<article></article> 内可单独放一个 <address></address>,代表该文作者——这时它属于 <article></article>,不是
-
<address></address> 里不要塞版权年份、发布日期、纯邮政地址(无联系意图)、导航链接等无关内容
- 默认斜体+换行是浏览器行为,可用 CSS 重置:
address { font-style: normal; margin: 0; }
<address></address>(在 级),多个会被忽略(仅第一个生效) <article></article> 内可单独放一个 <address></address>,代表该文作者——这时它属于 <article></article>,不是 <address></address> 里不要塞版权年份、发布日期、纯邮政地址(无联系意图)、导航链接等无关内容 address { font-style: normal; margin: 0; }
不复杂但容易忽略。











