HTML 中 ADDRESS 元素的用途是什麼?


HTML 元素是 HTML 文件的一部分,它告訴瀏覽器如何呈現該部分的資訊。它包含必要的資訊,例如指令、網頁的構思和主要內容。

HTML 元素主要由三個部分組成:

  • 開始標籤 − 開始標籤是一個 HTML 元素,它開始一段內容。開始標籤告訴瀏覽器開始將內容解釋為特定型別元素的一部分,例如標題或段落。

  • 結束標籤 − 它標誌著 HTML 元素的結束,並告訴瀏覽器在哪裡停止查詢內容。

  • 內容 − 這部分包含網頁的主要資訊,位於開始標籤和結束標籤之間。只有 HTML 元素的這部分內容才會在網頁上顯示給使用者。

Address 元素

HTML 中的 address 元素用於描述 HTML 文件作者或所有者的聯絡資訊。它包含聯絡資訊,例如地址、電子郵件地址、電話號碼和社交媒體帳戶等。

  • 它通常位於網頁的頂部或底部。我們在 address 標籤中編寫的內容通常以斜體字的形式顯示在瀏覽器中,並且預設情況下,瀏覽器會在 address 元素之前和之後新增換行符。

  • 只有當 address 元素放在 footer 元素內時,它才能正常工作。以前,我們不能使用 address 元素在網頁上顯示任意地址,但使用最新版本,我們現在也可以將其用於任意地址。

  • 雖然 address 元素有很多優點,但也有一些侷限性。它只能用於儲存聯絡資訊,不能新增任何額外資訊,例如出版日期。

  • 此外,address 元素是流內容,這意味著我們不能在 HTML 中巢狀 address 元素。同時,address 元素不允許在其中使用任何其他 HTML 元素,例如 article、aside、nav、heading。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Address Element</title>
</head>
<body>
   <header>
      <h1> Heading of Address Element</h1>
   </header>
   <main>
      <article> This is an example to demonstrate the use of address element in a HTML document </article>
   </main>
   <footer>
      <section>Copyright ©2022- ABCDEF.</section>
      <address>
         contact us :
         <a href="https://www.google.com" </a>
         308, C - Wing, Suyog Co.Housing Society Ltd
         T. P.S. Road & III Link Road
         Vazira, Borivali, East Mumbai, Maharashtra, 400092
      </address>
   </footer>
</body>
</html>

我們為什麼要使用 Address 元素?

每當我們在 address 標籤中指定內容時,它的樣式都會有所不同,有點類似於斜體文字。那麼問題來了,如果它只是將樣式更改為斜體,為什麼我們不直接使用斜體格式來表示地址呢?答案是SEO

什麼是 SEO?

SEO 是搜尋引擎最佳化的縮寫。它有助於改進網站,以便當人們搜尋該產品或類似產品時,它在瀏覽器上顯示的眾多結果中排名更高。這將接觸到實際的目標受眾,他們將能夠看到該網站。它還有助於保持流量和自然搜尋結果。

HTML 中的每個標籤都具有一定的含義。例如,h1 標籤指定它是一個主要標題,其中的所有內容都與該主題相關。其他具有特殊含義的 HTML 標籤如下:

  • Article 標籤 − 將內容與文章的其餘部分隔離開來

  • Section − 將內容組與網站上的其他內容分開

  • Aside − 將其中的內容與主要內容分開

  • Header − 分隔網頁頂部

  • Footer − 可以分隔網頁底部

  • Nav − 它基本上包含網頁的導航選單

同樣,斜體格式與 address 標籤具有完全不同的語義含義。address 標籤向瀏覽器和搜尋引擎指定該標籤中的內容是某種形式的地址,透過該地址我們可以聯絡作者或文章相關的個人。

但是,斜體文字僅表示作者想要強調該詞或片語;但它不一定是地址。這就是為什麼使用 address 標籤的文章在 SEO 中最佳化得更好,並且與使用斜體或 em 標籤定義地址相比排名更高。

示例

以下是使用 address 元素顯示地址的示例:

<!DOCTYPE html>
<html>
<head>
   <title>Address Element</title>
</head>
<body>
   <header>
      <h1> Heading of Address Element</h1>
   </header>
   <footer>
      <address>
         contact us :
         <a href="https://www.google.com" </a>
         20K, Dhakuria Station Road, Dhakuria
         PS: Jadavpur, Kolkata
         West Bengal, 700031
      </address>
   </footer>
</body>
</html>

結論

總之,HTML 中的 ADDRESS 元素型別對於提供聯絡資訊和其他相關詳細資訊(例如實際地址)非常有用。它還可以用於提供有關網頁或部分內容的有用上下文。憑藉其語義含義和各種樣式可能性,它是任何需要聯絡資訊或上下文支援的網站的重要元素。

更新於:2023年2月27日

411 次瀏覽

啟動您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.