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