html5知识点补充—address元素的使用

2024年2月18日 98次阅读 来源: 两仪

使用address为元素提供通信信息

规范中将address元素定义为“分节元素”，与nav或article类似。主要因为我们认为它作为文本级语义更为合适，原因是它的语法与文字内容相关，而不是页面布局。

多年以来，Web开发人员一直错误地使用了address元素。它并非显示通用邮寄地址（通常在某个“联系我们”页面中）的通用方式。因此，下面这种使用方式是错误的：

<address>Tom Leadbetter 1 My street United Kindom</address>

为了澄清这一点，HTML5将address元素定义为：显示与它最近的article或body元素的通信信息。

此定义的含义是什么？它表示你应该使用address元素来显示当前article作者或整个页面的通信信息。因为可以在article中address,所以这也意味着在一个页面中可以多次使用address元素。address元素的内容可以是电子邮件地址、网址、电话号码、邮件地址或其他任何通信信息。

由于address元素用于通信信息，所以通常会在footer中使用address。下面示例中使用了两次address元素：一次用于主页面内容的作者，另一次用于显示整个网站的作者。

<body>
<article>
    <header>
        <h1>My amazing blog entry</h1>

        <p>12.12.2011</p>
    </header>
    <p>Pellentesque habitant morbi tristique ....</p>
    <footer>
        This blog entry was written by
        <address><a href="#">Tom Leadbetter</a></address>
    </footer>
</article>

<footer>
    This site is owned by
    <address>
        <a href="#">Tom Leadbetter</a>
        <a href="mailto:test@ok.com">test</a>
    </address>
</footer>
</body>
    原文作者：两仪
    原文地址: https://segmentfault.com/a/1190000003495679
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞