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

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

此標籤僅接受全域性屬性。即使某些元素不會受到這些屬性的影響，這些屬性也屬於 HTML 文件中的每個元素。

語法

<address> Address... </address>

注意 - address 標籤必須始終僅包含與地址相關的資訊，例如電話號碼、聯絡電子郵件、URL、總部地址、地理座標等。諸如成立日期或釋出時間等資訊不應包含在 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-09-02

754 次瀏覽

開啟你的職業生涯

透過完成課程獲得認證

立即開始
廣告