如何在 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>
执行代码时,我们在代码中添加的页脚会利用并以简单的方式显示地址。
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/

