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.tw/contact">
       www.tutorialspoint.com
      </a><br> If you see any bugs, please
      <a href="mailto:webmaster@tutorialspoint.com"> 
      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.tw/contact">
       www.tutorialspoint.com
      </a><br> If you see any bugs, please
      <a href="mailto:webmaster@tutorialspoint.com"> 
      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="tutorialspoint@tutorialspoint.com">
         xyz@tutorialspoint.com
      </a>
      <br>
      &#128222;: 
      <a href="tel:+13115552368">
         (+91) 8899056432
      </a>
   </address>
</body>
</html>

支援的瀏覽器

標籤 Chrome Edge Firefox Safari Opera
address
html_tags_reference.htm
廣告