說出至少十條你理解的html規範

王铁柱6發表於2024-11-29
  1. 文件型別宣告: HTML文件必須以開頭,宣告文件型別為HTML5。這有助於瀏覽器正確解析和渲染頁面。

  2. lang 屬性: <html>標籤應該包含lang屬性,用於指定文件的主要語言。例如:<html lang="zh-CN">表示中文。這有助於螢幕閱讀器、搜尋引擎和其他工具理解文件內容。

  3. 字元編碼: 使用<meta charset="UTF-8">標籤宣告字元編碼為UTF-8。UTF-8支援幾乎所有字元,避免亂碼問題。

  4. 語義化標籤: 使用合適的語義化標籤,例如<article><aside><nav><header><footer>等,而不是過度依賴<div>。這有助於提高文件結構的可讀性和可訪問性,也有利於SEO。

  5. 標題標籤: 使用<h1><h6>標籤定義標題,並按照重要性遞減的順序使用。避免跳級使用標題標籤。

  6. 連結: 使用<a>標籤建立連結,並使用href屬性指定連結目標。使用描述性文字作為連結文字,而不是使用“點選這裡”等模糊的詞語。

  7. 影像: 使用<img>標籤插入影像,並使用alt屬性提供替代文字。替代文字在影像無法載入時顯示,也有助於螢幕閱讀器理解影像內容。src屬性指定影像的URL。

  8. 列表: 使用<ul> (無序列表)、<ol> (有序列表) 和<li> (列表項) 建立列表。

  9. 表格: 使用<table><tr> (表格行)、<th> (表頭) 和<td> (表格資料) 建立表格。

  10. 表單: 使用<form><input><textarea><select><button>等標籤建立表單,用於收集使用者輸入。

  11. 可訪問性: 遵循可訪問性指南,例如提供足夠的顏色對比度、使用ARIA屬性等,使頁面對殘障人士更友好。

  12. 驗證: 使用W3C的HTML驗證器檢查HTML程式碼的有效性,確保程式碼符合規範。

這些只是一些基本的HTML規範,還有很多其他的規範需要注意。 遵循這些規範可以建立結構良好、語義清晰、易於維護和訪問的網頁。

相關文章