- 網頁設計與制作教程(HTML+CSS+JavaScript):第3版
- 張兵義 張博主編
- 652字
- 2023-06-28 15:45:40
1.3.3 HTML5編碼規范
頁面的HTML代碼書寫必須符合HTML規范,這是用戶編寫擁有良好結構文檔的基礎,這些文檔可以很好地工作于所有的瀏覽器,并且可以向后兼容。
1.HTML書寫規范
1)文件第一行添加HTML5的聲明類型<!DOCTYPE html>。
2)建議為<html>根標簽指定lang屬性,從而為文件設置正確的語言lang="zh-CN"。
3)編碼統一為<meta charset="utf-8"/>。
4)<title>標簽必須設置為head元素的直接子元素,并緊隨<meta charset>聲明之后。
5)文件中除了開頭的DOCTYPE、utf-8(或UTF-8)和zh-CN或<head>標簽中可以使用大寫字母外,其他HTML標簽名必須使用小寫字母。
6)標簽的閉合要符合HTML5的規定。
7)標簽的使用必須符合標簽的嵌套規則,例如,<div>標簽不得置于<p>標簽中。
8)屬性名必須使用小寫字母,其屬性值必須用雙引號包圍。布爾類型的屬性建議不添加屬性值。自定義屬性推薦使用data-。
2.標簽的規范
1)標簽分單標簽和雙標簽,雙標簽往往是成對出現,所有標簽(包括空標簽)都必須關閉,如<br/>、<img/>、<p>…</p>等。
2)標簽名和屬性建議都用小寫字母。
3)多數HTML標簽可以嵌套,但不允許交叉。
3.屬性的規范
1)根據需要可以使用該標簽的所有屬性,也可以只用其中的幾個屬性。在使用時,屬性之間沒有順序。
2)屬性值都要用雙引號括起來。
3)并不是所有的標簽都有屬性,如換行標簽就沒有。
4.元素的嵌套
1)塊級元素可以包含行級元素或其他塊級元素,但行級元素卻不能包含塊級元素,它只能包含其他的行級元素。
2)有幾個特殊的塊級元素只能包含行級元素,不能再包含塊級元素,這幾個特殊塊級元素對應的標簽是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。
5.代碼的縮進
HTML代碼并不要求在書寫時縮進,但為了文檔的結構性和層次性,建議初學者使用標簽時首尾對齊,內部的內容向右縮進幾格。