-
文件型別宣告: HTML文件必須以開頭,宣告文件型別為HTML5。這有助於瀏覽器正確解析和渲染頁面。
-
lang 屬性:
<html>
標籤應該包含lang
屬性,用於指定文件的主要語言。例如:<html lang="zh-CN">
表示中文。這有助於螢幕閱讀器、搜尋引擎和其他工具理解文件內容。 -
字元編碼: 使用
<meta charset="UTF-8">
標籤宣告字元編碼為UTF-8。UTF-8支援幾乎所有字元,避免亂碼問題。 -
語義化標籤: 使用合適的語義化標籤,例如
<article>
、<aside>
、<nav>
、<header>
、<footer>
等,而不是過度依賴<div>
。這有助於提高文件結構的可讀性和可訪問性,也有利於SEO。 -
標題標籤: 使用
<h1>
到<h6>
標籤定義標題,並按照重要性遞減的順序使用。避免跳級使用標題標籤。 -
連結: 使用
<a>
標籤建立連結,並使用href
屬性指定連結目標。使用描述性文字作為連結文字,而不是使用“點選這裡”等模糊的詞語。 -
影像: 使用
<img>
標籤插入影像,並使用alt
屬性提供替代文字。替代文字在影像無法載入時顯示,也有助於螢幕閱讀器理解影像內容。src
屬性指定影像的URL。 -
列表: 使用
<ul>
(無序列表)、<ol>
(有序列表) 和<li>
(列表項) 建立列表。 -
表格: 使用
<table>
、<tr>
(表格行)、<th>
(表頭) 和<td>
(表格資料) 建立表格。 -
表單: 使用
<form>
、<input>
、<textarea>
、<select>
、<button>
等標籤建立表單,用於收集使用者輸入。 -
可訪問性: 遵循可訪問性指南,例如提供足夠的顏色對比度、使用ARIA屬性等,使頁面對殘障人士更友好。
-
驗證: 使用W3C的HTML驗證器檢查HTML程式碼的有效性,確保程式碼符合規範。
這些只是一些基本的HTML規範,還有很多其他的規範需要注意。 遵循這些規範可以建立結構良好、語義清晰、易於維護和訪問的網頁。