HTML 中 ADDRESS 元素的用途是什么?


HTML 元素是 HTML 文档的一部分,它告诉浏览器如何呈现该部分的信息。它包含必要的信息,例如指令、网页的构思和主要内容。

HTML 元素主要由三个部分组成:

  • 开始标签 − 开始标签是一个 HTML 元素,它开始一段内容。开始标签告诉浏览器开始将内容解释为特定类型元素的一部分,例如标题或段落。

  • 结束标签 − 它标志着 HTML 元素的结束,并告诉浏览器在哪里停止查找内容。

  • 内容 − 这部分包含网页的主要信息,位于开始标签和结束标签之间。只有 HTML 元素的这部分内容才会在网页上显示给用户。

Address 元素

HTML 中的 address 元素用于描述 HTML 文档作者或所有者的联系信息。它包含联系信息,例如地址、电子邮件地址、电话号码和社交媒体帐户等。

  • 它通常位于网页的顶部或底部。我们在 address 标签中编写的內容通常以斜体字的形式显示在浏览器中,并且默认情况下,浏览器会在 address 元素之前和之后添加换行符。

  • 只有当 address 元素放在 footer 元素内时,它才能正常工作。以前,我们不能使用 address 元素在网页上显示任意地址,但使用最新版本,我们现在也可以将其用于任意地址。

  • 虽然 address 元素有很多优点,但也有一些局限性。它只能用于存储联系信息,不能添加任何额外信息,例如出版日期。

  • 此外,address 元素是流内容,这意味着我们不能在 HTML 中嵌套 address 元素。同时,address 元素不允许在其中使用任何其他 HTML 元素,例如 article、aside、nav、heading。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Address Element</title>
</head>
<body>
   <header>
      <h1> Heading of Address Element</h1>
   </header>
   <main>
      <article> This is an example to demonstrate the use of address element in a HTML document </article>
   </main>
   <footer>
      <section>Copyright ©2022- ABCDEF.</section>
      <address>
         contact us :
         <a href="https://www.google.com" </a>
         308, C - Wing, Suyog Co.Housing Society Ltd
         T. P.S. Road & III Link Road
         Vazira, Borivali, East Mumbai, Maharashtra, 400092
      </address>
   </footer>
</body>
</html>

我们为什么要使用 Address 元素?

每当我们在 address 标签中指定内容时,它的样式都会有所不同,有点类似于斜体文本。那么问题来了,如果它只是将样式更改为斜体,为什么我们不直接使用斜体格式来表示地址呢?答案是SEO

什么是 SEO?

SEO 是搜索引擎优化的缩写。它有助于改进网站,以便当人们搜索该产品或类似产品时,它在浏览器上显示的众多结果中排名更高。这将接触到实际的目标受众,他们将能够看到该网站。它还有助于保持流量和自然搜索结果。

HTML 中的每个标签都具有一定的含义。例如,h1 标签指定它是一个主要标题,其中的所有内容都与该主题相关。其他具有特殊含义的 HTML 标签如下:

  • Article 标签 − 将内容与文章的其余部分隔离开来

  • Section − 将内容组与网站上的其他内容分开

  • Aside − 将其中的内容与主要内容分开

  • Header − 分隔网页顶部

  • Footer − 可以分隔网页底部

  • Nav − 它基本上包含网页的导航菜单

同样,斜体格式与 address 标签具有完全不同的语义含义。address 标签向浏览器和搜索引擎指定该标签中的内容是某种形式的地址,通过该地址我们可以联系作者或文章相关的个人。

但是,斜体文本仅表示作者想要强调该词或词组;但它不一定是地址。这就是为什么使用 address 标签的文章在 SEO 中优化得更好,并且与使用斜体或 em 标签定义地址相比排名更高。

示例

以下是使用 address 元素显示地址的示例:

<!DOCTYPE html>
<html>
<head>
   <title>Address Element</title>
</head>
<body>
   <header>
      <h1> Heading of Address Element</h1>
   </header>
   <footer>
      <address>
         contact us :
         <a href="https://www.google.com" </a>
         20K, Dhakuria Station Road, Dhakuria
         PS: Jadavpur, Kolkata
         West Bengal, 700031
      </address>
   </footer>
</body>
</html>

结论

总之,HTML 中的 ADDRESS 元素类型对于提供联系信息和其他相关详细信息(例如实际地址)非常有用。它还可以用于提供有关网页或部分内容的有用上下文。凭借其语义含义和各种样式可能性,它是任何需要联系信息或上下文支持的网站的重要元素。

更新于:2023年2月27日

411 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告