摘要:靜態(tài)檢查規(guī)則工具內(nèi)置條規(guī)則,可以對(duì)代碼文件進(jìn)行靜態(tài)代碼檢查,從而提高代碼編寫的規(guī)范和質(zhì)量?,F(xiàn)在把條規(guī)則翻譯如下。規(guī)則級(jí)別符合規(guī)范的不符合規(guī)范的配置值啟用規(guī)則禁用規(guī)則標(biāo)簽必須出現(xiàn)標(biāo)簽必須出現(xiàn)在標(biāo)簽中。
HTML 靜態(tài)檢查規(guī)則
HTMLHint 工具內(nèi)置 23 條規(guī)則,可以對(duì) HTML 代碼文件進(jìn)行靜態(tài)代碼檢查,從而提高 HTML 代碼編寫的規(guī)范和質(zhì)量。現(xiàn)在把 23 條規(guī)則翻譯如下。
一、規(guī)則列表標(biāo)簽名必須小寫
屬性名必須小寫
屬性值必須放在雙引號(hào)中
屬性值一定不可為空
屬性值一定不可重復(fù)
Doctype必須是 HTML 文檔的第一行
標(biāo)簽必須成對(duì)
標(biāo)簽必須自封閉
特殊字符必須
ID 屬性必須唯一
src 屬性一定不可為空
title 屬性必須出現(xiàn)在標(biāo)簽中
img 標(biāo)簽必須包含 alt 屬性
Doctype 必須是 HTML5
ID 和 Class 的命名規(guī)則必須統(tǒng)一
不該使用樣式標(biāo)簽
不該使用行內(nèi)樣式
不該使用行內(nèi)腳本
空格和制表符一定不可混合在行前
ID 和 Class 一定不可使用廣告關(guān)鍵詞
href 必須是絕對(duì)路徑或者相對(duì)路徑
屬性值一定不可使用不安全字符
script 標(biāo)簽不該使用在頭部
二、規(guī)則解讀1. 標(biāo)簽名必須小寫
規(guī)則 ID: tagname-lowercase
級(jí)別: error
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
2. 屬性名必須小寫
規(guī)則 ID: attr-lowercase
級(jí)別: error
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
6. Doctype 必須是 HTML 文檔的第一行
規(guī)則 ID: doctype-first
級(jí)別: error
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
7. 標(biāo)簽必須成對(duì)
規(guī)則 ID: tag-pair
級(jí)別: error
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
8. 標(biāo)簽必須自封閉
空標(biāo)簽必須自封閉
規(guī)則 ID: tag-self-close
級(jí)別: warning
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
9. 特殊字符必須轉(zhuǎn)義
規(guī)則 ID: spec-char-escape
級(jí)別: error
符合規(guī)范的:
aaa>bbb
不符合規(guī)范的:
aaa>bbb
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
10. ID 屬性必須唯一
同一個(gè) HTML 文檔中 ID 屬性必須唯一。
規(guī)則 ID: id-unique
級(jí)別: error
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
11. src 屬性一定不可為空
img、script 或 link 標(biāo)簽的 src 屬性一定不可為空,因?yàn)榭盏?src 屬性會(huì)導(dǎo)致當(dāng)前頁(yè)面被訪問兩次。
規(guī)則 ID: src-not-empty
級(jí)別: error
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
12. title 標(biāo)簽必須出現(xiàn)
title 標(biāo)簽必須出現(xiàn)在 head 標(biāo)簽中。
規(guī)則 ID: title-require
級(jí)別: error
符合規(guī)范的:
test
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
13. alt 屬性必須有值
img 標(biāo)簽必須有 alt 屬性值,并且 area[href] 標(biāo)簽和 input[type="image"] 標(biāo)簽的 alt 屬性也必須賦值。
規(guī)則 ID: alt-require
級(jí)別: warning
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
14. Doctype 必須是 HTML5
規(guī)則 ID: doctype-html5
級(jí)別: warning
符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
15. ID 和 Class 的命名規(guī)則必須統(tǒng)一
可以是單詞加下劃線、單詞加連字符或者駝峰方式,但是必須采用一種規(guī)則,整個(gè) HTML 文檔,甚至整個(gè)項(xiàng)目必須統(tǒng)一。
規(guī)則 ID: id-class-value
級(jí)別: warning
符合規(guī)范的:
underline:
dash:
hump:
配置值:
underline: 下劃線方式(aaa_bb)
dash: 啟用規(guī)則(aaa-bb)
hump: 啟用規(guī)則(aaBbb)
false: 禁用規(guī)則
16. 不該使用樣式標(biāo)簽
規(guī)則 ID: style-disabled
級(jí)別: warning
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
17. 不該使用行內(nèi)樣式
規(guī)則 ID: inline-style-disabled
級(jí)別: warning
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
18. 不該使用行內(nèi)腳本
規(guī)則 ID: inline-script-disabled
級(jí)別: warning
不符合規(guī)范的:
········
不符合規(guī)范的:
→····
····→
說明:上面的實(shí)例代碼,·表示空格,→表示制表符
配置值:
space: 空格方式(只有空格縮進(jìn))
space4: 空格方式并且要求縮進(jìn)空格個(gè)數(shù)
tab: 制表符方式(只有制表符縮進(jìn))
false: 禁用規(guī)則
20. ID 和 Class 一定不可使用 ad 關(guān)鍵詞
使用 ad 關(guān)鍵詞的 ID 或 Class,會(huì)被廣告攔截軟件屏蔽
規(guī)則 ID: id-class-ad-disabled
級(jí)別: warning
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
21. href 必須是絕對(duì)路徑或者相對(duì)路徑
規(guī)則 ID: href-abs-or-rel
級(jí)別: warning
符合規(guī)范的:
abs: test1test2
rel: test1test2
配置值:
abs: 絕對(duì)路徑方式
rel: 相對(duì)路徑方式
false: 禁用規(guī)則
22. 屬性值一定不可使用不安全字符
規(guī)則 ID: attr-unsafe-chars
級(jí)別: warning
符合規(guī)范的:
Sud Web 2012
不符合規(guī)范的:
Sud Web 2012
說明:通常不安全字符都在 href 屬性值的尾部
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
23. script 標(biāo)簽不該使用在頭部
規(guī)則 ID: attr-unsafe-chars
級(jí)別: warning
符合規(guī)范的:
不符合規(guī)范的:
配置值:
true: 啟用規(guī)則
false: 禁用規(guī)則
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/51852.html
相關(guān)文章
-
HTMLHint 配置文件
摘要:工具可以對(duì)代碼做靜態(tài)代碼檢查,從而保證代碼的規(guī)范和質(zhì)量。工具內(nèi)置條規(guī)則,建議在配置文件中將規(guī)則盡可能都打開每個(gè)規(guī)則的具體含義,請(qǐng)見下一篇文章規(guī)則詳解
HTMLHint 工具可以對(duì) HTML 代碼做靜態(tài)代碼檢查,從而保證 HTML 代碼的規(guī)范和質(zhì)量。HTMLHint 工具內(nèi)置 23 條規(guī)則,建議在 .htmlhintrc 配置文件中將規(guī)則盡可能都打開:
{
tagname-lower...
-
如何寫出高效率的HTML
摘要:之所以寫這篇文章,就是為了告訴你如何寫出干凈整潔的代碼,能夠讓你的網(wǎng)頁(yè)在許多設(shè)備上都能快速正常的加載運(yùn)行。在這個(gè)過程中,你能夠?qū)W會(huì)如何搭建易于維護(hù)和的網(wǎng)站以及。無論如何,盡量避免同時(shí)在和,或者和添加。
個(gè)人翻譯,歡迎轉(zhuǎn)載!
英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/
第一次翻...
-
如何寫出高效率的HTML
摘要:之所以寫這篇文章,就是為了告訴你如何寫出干凈整潔的代碼,能夠讓你的網(wǎng)頁(yè)在許多設(shè)備上都能快速正常的加載運(yùn)行。在這個(gè)過程中,你能夠?qū)W會(huì)如何搭建易于維護(hù)和的網(wǎng)站以及。無論如何,盡量避免同時(shí)在和,或者和添加。
個(gè)人翻譯,歡迎轉(zhuǎn)載!
英文原文:https://samdutton.wordpress.com/2015/04/02/high-performance-html/
第一次翻...
發(fā)表評(píng)論
0條評(píng)論
Ethan815
男|高級(jí)講師
TA的文章
閱讀更多
Python:這是一個(gè)樸實(shí)無華的爬蟲教程,就是有點(diǎn)養(yǎng)眼
閱讀 2322·2021-11-22 09:34
云主機(jī)怎么遠(yuǎn)程連接-云主機(jī)怎么遠(yuǎn)程操作?
閱讀 2192·2021-09-22 15:22
css布局:多列等高布局
閱讀 2087·2019-08-29 15:05
數(shù)組扁平化(將多維數(shù)組降維成一維數(shù)組)
閱讀 2180·2019-08-26 10:43
JS函數(shù)防抖動(dòng)
閱讀 3465·2019-08-26 10:26
初學(xué)Vue(三) -- 前后端數(shù)據(jù)交互
閱讀 1051·2019-08-23 18:29
JavaScript大師必須掌握的12個(gè)知識(shí)點(diǎn)
閱讀 3625·2019-08-23 16:42
vue編寫的移動(dòng)端條件搜索條組件
閱讀 2059·2019-08-23 14:46