- 網(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript):第3版
- 張兵義 張博主編
- 652字
- 2023-06-28 15:45:40
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)容向右縮進幾格。
- 建筑工程資料管理實訓(xùn)(第三版)
- 蘭州大學(xué)外國語學(xué)院211翻譯碩士英語[專業(yè)碩士]歷年考研真題及詳解
- 創(chuàng)新思維與創(chuàng)業(yè)能力
- 薛榮久《國際貿(mào)易》(第6版)筆記和課后習(xí)題(含考研真題)詳解
- 2020年云南省選聘大學(xué)生村官考試《行政職業(yè)能力測驗》考點精講及典型題(含歷年真題)詳解
- 《馬克思主義基本原理》導(dǎo)學(xué)與實踐教程
- 單片機的C語言程序設(shè)計與應(yīng)用
- 管理學(xué)基礎(chǔ):理論與實務(wù)
- 管理會計學(xué)習(xí)指導(dǎo)
- 羅賓斯《管理學(xué)》(第13版)【教材精講+考研真題解析】講義與視頻課程【32小時高清視頻】
- 吳偉仁《美國文學(xué)史及選讀》配套題庫【章節(jié)題庫(含名校考研真題)+模擬試題】
- 2020年遼寧公務(wù)員錄用考試專用教材:數(shù)量關(guān)系【考點精講+典型題(含歷年真題)詳解】
- C語言程序設(shè)計與實踐實驗指導(dǎo)(第2版)
- 國際政治學(xué)學(xué)科地圖(第二版)
- 攝影作品分析