HTML - <address> 标签



HTML <address> 标签用于个人或组织的联系信息。它包括联系信息所指的个人、人员或组织的名称,并且可能包含任何类型的联系信息,例如物理地址、URL、电子邮件地址、电话号码、社交媒体账号、地理坐标等。

<address> 标签可用于各种上下文,包括在页面标题中显示公司联系信息,以及通过在 <article> 中插入 <address> 元素来识别文章的作者。

语法

<address>...</address>

属性

HTML address 标签支持 HTML 的全局事件属性。

HTML address 标签示例

在下面的示例中,我们将看到正常的地址部分、使用 CSS 的卡片布局上的地址以及联系地址的示例。

使用 address 标签定义地址

在以下示例中,让我们看看 HTML <address> 标签的使用。

<!DOCTYPE html>
<html>
<head>
    <title>HTML address tag</title>
</head>
<body>
    <address> 
      You can contact author at 
      <a href="https://tutorialspoint.com/contact">
       www.tutorialspoint.com
      </a><br> If you see any bugs, please
      <a href="mailto:[email protected]"> 
      contact webmaster</a> <br> You may also 
      want to visit us: <br /> tutorialspoint PVT LTD
      <br> Madhapur Hyderabad <br> Kaveri hills,
      zip 500081 <br> Telangana 
    </address>
</body>
</html>

使用 CSS 样式化地址

考虑以下示例,我们将使用 <address> 标签并应用 CSS 属性。

<!DOCTYPE html>
<html>
<head>
    <title>HTML address tag</title>
    <style>
     address {
         border: 2px solid black;
         padding: 5px;
         width: 350px;
         background-color: lightgray;
         box-shadow: 5px 5px #888888;
     }
    </style>
</head>
<body>
    <address> 
      You can contact author at 
      <a href="https://tutorialspoint.com/contact">
       www.tutorialspoint.com
      </a><br> If you see any bugs, please
      <a href="mailto:[email protected]"> 
      contact webmaster</a> <br> You may also 
      want to visit us: <br /> Tutorialspoint PVT LTD
      <br> Madhapur Hyderabad <br> Kaveri hills,
      zip 500081 <br> Telangana 
    </address>
</body>
</html>

使用 address 标签提供联系信息

让我们来看以下示例,我们将使用 <address> 标签来提供联系信息。

<!DOCTYPE html>
<html>
<body>
   <p>Contact the author of this page:</p>
   <address>
      &#128231;: 
      <a href="[email protected]">
         [email protected]
      </a>
      <br>
      &#128222;: 
      <a href="tel:+13115552368">
         (+91) 8899056432
      </a>
   </address>
</body>
</html>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
address
html_tags_reference.htm
广告