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