如何在 HTML 中新增地址元素？

HTML 中的<address>標籤用於標識個人或組織的聯絡資訊。<address>標籤在HTML頁面不同位置的使用具有不同的含義，例如，如果它用在<body>標籤內，它將顯示文件的聯絡資訊；如果它出現在<article>標籤內，則代表文章的聯絡資訊。

此標籤只接受*全域性屬性*。這些屬性屬於HTML文件中的每個元素，儘管有些元素不會受到這些屬性的影響。

語法

<address> Address... </address>

注意 - address標籤必須始終只包含與地址相關的的資訊，例如電話號碼、聯絡郵箱、網址、總部位置、地理座標等。 建立日期或釋出時間等資訊不應包含在address標籤中，而應屬於time標籤。

以下是一些示例……

示例

在下面的示例中，我們在body內使用<address>標籤來顯示文件的聯絡資訊。

<!DOCTYPE html>
<html>
<body>
   <address>
      Organization Name: Tutorialspoint <br>
      Web Site:
      <a href= "https://tutorialspoint.tw/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://tutorialspoint.tw/index.htm/">
         Tutorialspoint</a><br>
         kavuriincore-9,kavuri phase2<br>
         Hyderabad,Telangana.
      </address>
   </footer>
</body>
</html>

執行程式碼後，我們在程式碼中新增的頁尾將使用並以簡單的方式顯示地址。

更新於：2022年9月2日

758 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告