joh*_* Gu 2 html css html5 dom web
我正在使用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>标签有几个问题: -
在此链接中,他们提到了有关地址标记的以下内容提示:<address>标记不应用于描述邮政地址,除非它是联系信息的一部分....为什么我不应该在<address>标签内添加邮政地址？
<address>标签是否是我正在进行的提供公司联系方式的正确方法,或者应该用于提供有关网站所有者的详细信息,例如谁创建了网站以及何时....
什么是内提供的联络方式的优点<address>标签相比,里面写一个基本的联络信息<div>或<p>？
何时应使用地址标记
来自W3C(https://www.w3.org/TR/html-markup/address.html):
如果地址元素适用于body元素,则它表示整个文档的联系信息.如果地址元素适用于文档的某个部分,则它仅代表该部分的联系信息.
总之,地址标记用于联系信息.如果您的联系信息只是一个电话号码,那么地址块中只应包含电话号码.如果您的联系信息是您的情况下的电话号码,邮政地址和电子邮件,则所有这些信息(包括邮政地址)都应包含在地址块中.
何时不应使用地址标签
关键是,如果不是联系信息,则不应在地址块中包含邮政地址.例如,如果您有一个房地产网站,并且您列出了有关可用房屋的信息,则房屋清单的地址不应该在地址栏中.另一方面,房地产经纪人的地址应该包含在地址栏中,因为这是联系信息.
为什么要使用地址标记
HTML意味着语义.即,您提供内容并为该内容赋予意义.你可以给内容的意义越大越好.地址比div或p传达了更多的意义,所以如果地址合适,你应该使用地址.事实上,这就是W3C关于div的说法(https://www.w3.org/TR/html5/grouping-content.html#the-div-element):
强烈建议作者将div元素视为最后的元素,因为没有其他元素是合适的.使用更合适的元素而不是div元素可以使读者更容易访问,并且更容易为作者提供可维护性.
地址标记中的可接受内容
地址块内的Div和Ps是完全可以接受的.更具体地说,这是您可以在地址块中使用的内容(来自https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address):
流内容,但没有嵌套
<address>元素,没有标题内容(<hgroup>,<h1>,<h2>,<h3>,<h4>,<h5>,<h6>),没有分段内容(<article>, <aside>,<section>,<nav>),没有<header>或<footer>元素.
Div和Ps是流量内容.
tl;博士:也许你可以让你的代码变得更漂亮.但是关于你对地址标签的使用,你很好!