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