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