Css 正确的写作方法<;地址>;我的网站标签,提供我们公司的联系方式
我正在使用asp.net mvc-5构建一个网站,我想提供我们公司的联系方式,如电话、电子邮件、邮政地址等,因此我使用了Css 正确的写作方法<;地址>;我的网站标签,提供我们公司的联系方式,css,html,dom,web,Css,Html,Dom,Web,我正在使用asp.net mvc-5构建一个网站,我想提供我们公司的联系方式,如电话、电子邮件、邮政地址等,因此我使用了 因此,我有几个关于使用的问题,他们提到了以下关于地址标签的提示:标签不应用于描述邮政地址,除非它是联系信息的一部分。。。。那么为什么我不应该在标签中添加邮政地址呢 标签是像我目前这样提供我们公司联系方式的正确方法,还是应该用于提供网站所有者的详细信息,例如谁创建了网站以及何时创建了网站 与在基本的或中写入联系人信息相比,在标签中提供联系人信息有哪些优点 看看 优点包括语义标
因此,我有几个关于使用的问题,他们提到了以下关于地址标签的提示:
标签不应用于描述邮政地址,除非它是联系信息的一部分。。。。那么为什么我不应该在
标签中添加邮政地址呢
标签是像我目前这样提供我们公司联系方式的正确方法,还是应该用于提供网站所有者的详细信息,例如谁创建了网站以及何时创建了网站
与在基本的
或
中写入联系人信息相比,在
标签中提供联系人信息有哪些优点
看看
优点包括语义标记更易于搜索引擎使用
顺便说一句,该示例中的span标记比您实际需要的多得多-您可以删除中间的大多数span标记。让我看看是否可以回答您的所有问题:),请注意,我不是HTML专业人士,所以我对所有问题都不是100%确定的
在这个链接中,他们提到了关于地址标签提示的以下内容:
,我认为他描述得很好,对于谷歌这样的搜索引擎来说,使用地址标签更容易。
来自W3C():
如果address元素应用于body元素,那么它表示
整个文档的联系信息。如果是地址元素
应用于文档的某个部分,然后它表示联系人
仅提供该部分的信息
总而言之,地址标签用于联系信息。如果您的联系信息只是一个电话号码,那么地址块中只应包含该电话号码。如果您的联系信息是电话号码、邮政地址和电子邮件,则所有这些信息(包括邮政地址)都应包含在地址块中
当您不应使用地址标签时
关键是,如果不是联系信息,则不应在地址块中包含邮政地址。例如,如果你有一个房地产网站,并且你正在列出关于可用房屋的信息,房屋清单的地址不应该在地址栏中。另一方面,房地产代理的地址应包含在地址块中,因为这是联系信息
为什么要使用地址标签
HTML是语义的。Ie/您提供内容并赋予该内容意义。你能赋予内容的意义越多越好。Address所传达的含义远不止div或p,所以若Address合适,你们应该使用Address。事实上,以下是W3C对divs()的看法:
强烈建议作者将div元素视为一个元素
最后的手段,当没有其他元素是合适的。使用更多
适当的元素而不是div元素会导致更好的结果
读者可访问性和作者更容易维护
地址标签中可接受的内容
地址块中的div和Ps是完全可以接受的。更具体地说,以下是您可以在地址块(从)中使用的内容:
流内容,但没有嵌套的
元素,没有标题内容
(,,),无分段内容
(,)和无或
元素
div和Ps是流内容
tl;dr:也许你可以把你的代码做得漂亮一点。但是关于你对地址标签的使用,你很好强>
<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>