如何在 HTML 中添加地址元素?

front end technologyhtmlweb development更新于 2025/4/4 13:32:17

HTML 中的 address 标签用于标识个人或组织的联系方式。address 标签在 HTML 页面的不同位置使用时具有多种含义,例如,当它用于 <body> 标签中时,它将显示文档的联系信息;如果它出现在 <article> 标签内,它将代表文章的联系方式。

此标签只能使用全局属性。这些属性属于 HTML 文档中的每个元素,即使某些元素不会受到这些属性的影响。

语法

<address> Address... </address>

注意 - 地址标签必须始终仅包含与地址相关的信息,例如电话号码、联系邮箱、网址、总部位置、地理坐标等。诸如成立日期或发布时间之类的信息不会包含在地址标签中,但它们属于时间标签。

以下是示例……

示例

在下面的示例中,我们在正文中使用 <address> 标签来显示文档的联系信息。

<!DOCTYPE html> <html> <body> <address> Organization Name: Tutorialspoint <br> Web Site: <a href= "https://www.cainiaomax.com/index.htm/">Tutorialspoint</a><br> visit us:<br> Tutorialspoint<br> kavuriincore-9,<br> kavuri phase2, Hyderabad,Telangana – 500033 </address> </body> </html>

执行上述代码后,将输出我们在代码中使用的地址。

示例:(添加页脚)

在下面的示例中,我们添加了页脚元素,以便以最简单的方式指定 HTML 地址内容的位置。

<!DOCTYPE html> <html> <body> <h1>Welcome To Tutorialspoint</h1> <footer> <address> You can contact us at:<br> <a href="https://www.cainiaomax.com/index.htm/"> Tutorialspoint</a><br> kavuriincore-9,kavuri phase2<br> Hyderabad,Telangana. </address> </footer> </body> </html>

执行代码时,我们在代码中添加的页脚会利用并以简单的方式显示地址。


相关文章


有用资源