官术网_书友最值得收藏!

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)屬性名必須使用小寫字母,其屬性值必須用雙引號包圍。布爾類型的屬性建議不添加屬性值。自定義屬性推薦使用data-。

2.標(biāo)簽的規(guī)范

1)標(biāo)簽分單標(biāo)簽和雙標(biāo)簽,雙標(biāo)簽往往是成對出現(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)簽的所有屬性,也可以只用其中的幾個屬性。在使用時,屬性之間沒有順序。

2)屬性值都要用雙引號括起來。

3)并不是所有的標(biāo)簽都有屬性,如換行標(biāo)簽就沒有。

4.元素的嵌套

1)塊級元素可以包含行級元素或其他塊級元素,但行級元素卻不能包含塊級元素,它只能包含其他的行級元素。

2)有幾個特殊的塊級元素只能包含行級元素,不能再包含塊級元素,這幾個特殊塊級元素對應(yīng)的標(biāo)簽是<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。

5.代碼的縮進

HTML代碼并不要求在書寫時縮進,但為了文檔的結(jié)構(gòu)性和層次性,建議初學(xué)者使用標(biāo)簽時首尾對齊,內(nèi)部的內(nèi)容向右縮進幾格。

主站蜘蛛池模板: 剑川县| 吉安市| 宣城市| 满洲里市| 荔波县| 宁蒗| 鞍山市| 洪泽县| 邢台县| 涿鹿县| 徐汇区| 淮安市| 新巴尔虎右旗| 金阳县| 五华县| 黔江区| 巨野县| 石城县| 芦溪县| 彭水| 衡阳县| 东宁县| 贺兰县| 马山县| 肇东市| 崇信县| 柘城县| 哈尔滨市| 弥渡县| 阿瓦提县| 文山县| 海盐县| 开远市| 承德县| 新泰市| 县级市| 连州市| 安泽县| 连城县| 峨边| 西丰县|