為了方便程式碼維護

Robiul147 · 發表於 2023-11-26 11:59:08

本帖最後由 Robiul147 於 2023-11-26 17:40 編輯

任何優秀的 Web 開發人員都知道，使用正確的 HTML 標籤對於建立結構良好的網站至關重要。這些標籤不僅有助於定義頁面的內容，而且在維護程式碼方面也發揮著重要作用。幾周或幾個月後，導航會更容易。

在這些標籤出現之前，開發人員被迫使用中東手機號碼清單標籤，該標籤不允許頁面結構化。例如，如果開發人員想要更改文章的外觀和呈現方式，只需通過針對 <article> 標籤修改 CSS 即可。這為整合商和開發人員節省了寶貴的時間。

語義標籤的一些示例：
“導航”標籤
它是一個包含有關導航元素、選單等資訊的標籤。這些是傳送到網站上其他頁面的連結。在 HTML 頁面上，您可以有多個導航標籤。
“標題”標籤
標籤顯示頁面頂部的介紹性內容，如導航選單、徽標、搜尋框、作者姓名等。<nav> 標記也可以在 <header> 標記中找到。<header> 標記可以是 <article>、section、aside 等標記的後代。
語義標籤“文章”
該標籤新增結構化資料來呈現文章，並可以提高搜尋引擎的存在度。連結到<article>標籤的資料和標籤可以幫助搜尋引擎更好地理解內容。

一個頁面可以有多個文章標籤，尤其是在部落格頁面上。

谷歌解釋向文章新增結構化資料
語義標籤“部分”
HTML 部分標籤是對網頁上的相關內容進行語義分組的好方法。通過使用部分標籤，您可以為網頁提供更清晰的結構，並使瀏覽器和搜尋引擎更容易理解頁面的內容。

此外，章節標籤可用於在檔案中建立章節，例如書籍中的章節或雜誌中的文章。通過使用部分標籤，您可以使您的內容更易於訪問和導航。
語義標籤“頁尾”
HTML 頁尾標籤用於定義檔案或部分的頁尾。

它們通常包含頁面作者姓名、版權資訊、聯絡方式和其他小段文字、導航連結和版權資訊等資訊。

頁尾標籤必須在正文標籤內使用。它可以包含標題、段落、列表、影象和其他內聯元素。頁尾標籤還可用於將多個元素包裝在頁尾容器中。

語義頁尾標籤的作用是提高網頁的可訪問性。

螢幕閱讀器通常會在頁面主要內容之前閱讀頁尾內容。通過使用語義頁尾標籤，開發人員可以確保頁尾中的所有重要資訊都以可訪問的方式呈現。

Gregorybiz · 發表於 2024-10-12 04:19:09

		自動登入	找回密碼
密碼			立即註冊