我正在使用 asp.net mvc-5 构建一个网站,我想提供我们公司的联系方式,如电话、电子邮件、邮政地址等,所以我使用了<address>
在我们的“联系我们”页面中标记如下(我将真实数据替换为***):-
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 address">
<h2>Addresses</h2>
<address>
<div class="info">
<p><span class="footercolor">Telephone: </span><span>+******</span></p>
<p><span class="footercolor">FAX: </span><span class="marginfax">+*****</span></p>
<p class="mainaddress">3rd Floor, Bldg. 1(....),<br />... Str. .CityName</p>
<p><span class="footercolor">P</span>.<span class="footercolor">O</span>.<span class="footercolor">Box: </span><span>*****,**** 1212,CountryName</span></p>
<p><span class="footercolor">Email:</span><span> <a href="mailto:info@****.com " target="_top">info@*****.com</a></span></p>
</div>
</address>
</div>
所以我有几个关于使用的问题<address>
tag:-
里面这个link他们提到了以下关于地址标签的内容提示:<address>
标签不应用于描述邮政地址,除非它是联系信息的一部分。...那么为什么我不应该在里面添加邮政地址<address>
tag?
Is the <address>
标记正确的方式来提供我们公司的联系方式,就像我目前正在做的那样,或者它应该用于提供有关网站所有者的详细信息,例如谁创建了该网站以及何时......
提供里面的联系方式有什么好处<address>
标签与在基本内容中写入联系信息相比<div>
or <p>
?
何时应使用地址标签
来自 W3C(https://www.w3.org/TR/html-markup/address.html):
如果地址元素应用于主体元素,那么它代表
整个文档的联系信息。如果地址元素
适用于文档的一部分,那么它代表联系人
仅该部分的信息。
总而言之,地址标签的作用是联系信息。如果您的联系信息只是电话号码,则地址块中应仅包含电话号码。如果您的联系信息是电话号码、邮政地址和电子邮件(如您的情况),那么所有这些信息(包括邮政地址)都应包含在地址块中。
何时不应使用地址标签
关键是,如果不是联系信息,则不应在地址块中包含邮政地址。例如,如果您有一个房地产网站,并且您要列出有关可用房屋的信息,则房屋列表的地址不应出现在地址块中。另一方面,房地产经纪人的地址应包含在地址块中,因为这是联系信息。
为什么使用地址标签
HTML 是有语义的。即/您提供内容并赋予该内容意义。您赋予内容的意义越多越好。地址传达的含义不仅仅是 div 或 p,因此如果地址合适,您应该使用地址。事实上,W3C 关于 div 的说法如下(https://www.w3.org/TR/html5/grouping-content.html#the-div-element):
强烈鼓励作者将 div 元素视为一个元素
当没有其他元素合适时,最后的手段。使用更多
适当的元素代替 div 元素会带来更好的结果
读者的可访问性和作者的可维护性。
地址标签内可接受的内容
地址块内的 Div 和 P 是完全可以接受的。更具体地说,这是您可以在地址块中使用的内容(来自https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address):
内容流动,但没有嵌套<address>
元素,无标题内容
(, , , , , , ),无分段内容
(、
div 和 p 是流动内容。
tl;dr:也许你可以让你的代码更漂亮一点。但就地址标签的使用而言,你做得很好!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)