Css 正确的写作方法<;地址>;我的网站标签,提供我们公司的联系方式

Css 正确的写作方法<;地址>;我的网站标签,提供我们公司的联系方式,css,html,dom,web,Css,Html,Dom,Web,我正在使用asp.net mvc-5构建一个网站,我想提供我们公司的联系方式,如电话、电子邮件、邮政地址等,因此我使用了 因此,我有几个关于使用的问题,他们提到了以下关于地址标签的提示:标签不应用于描述邮政地址,除非它是联系信息的一部分。。。。那么为什么我不应该在标签中添加邮政地址呢 标签是像我目前这样提供我们公司联系方式的正确方法,还是应该用于提供网站所有者的详细信息,例如谁创建了网站以及何时创建了网站 与在基本的或中写入联系人信息相比,在标签中提供联系人信息有哪些优点 看看 优点包括语义标

我正在使用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>