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 元素型別對於提供聯絡資訊和其他相關詳細資訊(例如實際地址)非常有用。它還可以用於提供有關網頁或部分內容的有用上下文。憑藉其語義含義和各種樣式可能性,它是任何需要聯絡資訊或上下文支援的網站的重要元素。
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP