本篇內(nèi)容主要講解“HTML規(guī)范有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“HTML規(guī)范有哪些”吧!
我們一直強(qiáng)調(diào)成都網(wǎng)站制作、成都網(wǎng)站建設(shè)對于企業(yè)的重要性,如果您也覺得重要,那么就需要我們慎重對待,選擇一個(gè)安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做，要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過程中的有力推手。專業(yè)網(wǎng)站建設(shè)公司不一定是大公司,創(chuàng)新互聯(lián)建站作為專業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。
HTML 規(guī)范
縮進(jìn)
統(tǒng)一兩個(gè)空格縮進(jìn)
命名規(guī)范
class 應(yīng)以功能或內(nèi)容命名，不以表現(xiàn)形式命名；
class 與 id 單詞字母小寫，多個(gè)單詞組成時(shí)，采用中劃線-分隔；
使用唯一的 id 作為 Javascript hook, 同時(shí)避免創(chuàng)建無樣式信息的 class；
DOCTYPE 聲明
HTML 文件必須加上 DOCTYPE 聲明，并統(tǒng)一使用 HTML5 的文檔聲明：
meta 標(biāo)簽
團(tuán)隊(duì)約定：
pc 端：
移動(dòng)端：
標(biāo)簽
html 標(biāo)簽分為以下幾類：
團(tuán)隊(duì)約定：
所有具有開始標(biāo)簽和結(jié)束標(biāo)簽的元素都必須要寫上起止標(biāo)簽，某些允許省略開始標(biāo)簽或和束標(biāo)簽的元素亦都要寫上
自閉合標(biāo)簽不要加上結(jié)束標(biāo)簽
自定義標(biāo)簽的名字必須包含一個(gè)破折號（-），
自定義標(biāo)簽必須寫上開始標(biāo)簽和閉合標(biāo)簽
盡量減少標(biāo)簽數(shù)量
元素屬性
推薦：web前端開發(fā)直播教程Q-q-u-n： 767273102 ，內(nèi)有免費(fèi)開發(fā)工具，零基礎(chǔ)，進(jìn)階視頻教程，希望新手少走彎路
復(fù)制代碼
不推薦：
代碼嵌套
塊元素可以包含內(nèi)聯(lián)元素或某些塊元素，但內(nèi)聯(lián)元素卻不能包含塊元素，它只能包含其它的內(nèi)聯(lián)元素
標(biāo)題和段落中不能包含塊，如：h2、h3、h4、h5、h6、h7、p、dt
塊與內(nèi)聯(lián)不能并列，塊級元素與塊級元素并列、內(nèi)嵌元素與內(nèi)嵌元素并列
有些標(biāo)簽是固定的嵌套規(guī)則，比如 ul 包含 li、ol 包含 li、dl 包含 dt 和 dd 等等。
靈活使用偽類
不要讓非內(nèi)容信息污染了你的 HTML，打亂了 HTML 結(jié)構(gòu)?？梢允褂?before、:after 等偽類元素
推薦：
HTML 代碼
See the square next to me?
CSS 代碼：
/* We use a :before pseudo element to solve the design problem of placing a colored square in front of the text content */
.text-box:before {
content: '';
display: inline-block;
width: 1rem;
height: 1rem;
background-color: red;
}不推薦：
HTML 代碼：
See the square next to me?
CSS 代碼：
.text-box > .square {
display: inline-block;
width: 1rem;
height: 1rem;
background-color: red;
}特殊符號必須使用轉(zhuǎn)義符
| 符號 | 描述 | 轉(zhuǎn)義符 |
| 空格 | |
| < | 小于 | < |
| > | 大于 | > |
| & | 和 | & |
| " | 引號 | " |
純數(shù)字輸入框
使用 type="tel" 而不是 type="number"
類型屬性
不需要為 CSS、JS 指定類型屬性，HTML5 中默認(rèn)已包含。
推薦：
不推薦：
注釋規(guī)范
單行注釋
推薦：web前端開發(fā)直播教程Q-q-u-n： 767273102 ，內(nèi)有免費(fèi)開發(fā)工具，零基礎(chǔ)，進(jìn)階視頻教程，希望新手少走彎路
...
不推薦：
...
...
模塊注釋
推薦：
...
重慶分公司
重慶分公司
