溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“HTML中編碼規(guī)范是什么”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“HTML中編碼規(guī)范是什么”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優(yōu)雅的前端網(wǎng)頁。
1.img標簽要寫alt標簽
2.單標簽不要寫閉合標簽（img、link、input、hr、br）
3.自定義屬性要以data- 開頭
4.td要在tr里面，li要在ul/ol里面
5.ul/ol的直接子元素只能是li
6.section里面要有標題標簽
7.使用section標簽增強SEO(搜索引擎優(yōu)化)
8.行內元素里面不可使用塊級元素(a標簽里面不能放p)
9.每個頁面要寫
10.要用table布局寫郵件模板
11.html要保持簡潔，不要套太多層
12.特殊情況下才在html里面寫script和style
13.樣式要寫在head標簽里
14.html要加上lang的屬性
<html lang="en"> <html lang="zh-CN">
15.要在head標簽靠前位置寫上charset和meta標簽
16.特殊符號使用html實體
? © ￥ ¥ ? ® > > < < & &
17.img空src的問題
<img src="about:blank" alt><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
18.關于行內元素空格和換行的影響
19.類的命名使用小寫字母加中劃線（hello-world)
20.不推薦使用自定義標簽
21.重復雜id和重復屬性
22.不推薦使用屬性設置樣式（canvas width height 需要寫）
23.使用合適的標簽
（1）如果內容是表格就使用table，table有自適應的優(yōu)點；如果是一個列表就使用ol/ul標簽，擴展性比較好
（2）如果是輸入框就使用input，而不是寫一個p標簽，然后設置contenteditable=true，因為這個在IOS Safari上光標定位容易出現(xiàn)問題。如果需要做特殊效果除外
（3）如果是粗體就使用b/strong，而不是自己設置font-weight
（4）如果是表單就使用form標簽，注意form里面不能套form
（5）如果是跳鏈就使用a標簽，而不是自己寫onclick跳轉。a標簽里面不能套a標簽
（6）使用html5語義化標簽，如導航使用nav，側邊欄使用aside，頂部和尾部使用header/footer，頁面比較獨立的部分可以使用article，如用戶的評論。
（7）如果是按鈕就應該寫一個button或者<input type="button">，而不是寫一個a標簽設置樣式，因為使用button可以設置disabled，然后使用CSS的:disabled，還有:active等偽類使用，例如在:active的時候設置按鈕被按下去的感覺
（8）如果是標題就應該使用標題標簽h2/h3/h4，而不是自己寫一個<p class="title"></p>，相反如果內容不是標題就不要使用標題標簽了
（9）在手機上使用select標簽，會有原生的下拉控件，手機上原生select的下拉效果體驗往往比較好，不管是IOS還是android，而使用<input type="tel">在手機上會彈一個電話號碼的鍵盤，<input type="number"> <input type="email">都會彈相應的鍵盤
（10）如果是分隔線就使用hr標簽，而不是自己寫一個border-bottom的樣式，使用hr容易進行檢查
（11）如果是換行文本就應該使用p標簽，而不是寫br，因為p標簽可以用margin設置行間距，但是如果是長文本的話使用p，因為p標簽里面不能有p標簽，特別是當數(shù)據(jù)是后端給的，可能會帶有p標簽，所以這時容器不能使用p標簽。
24.不要在https的鏈接里寫http的圖片
<img src=”//static.chimeroi.com/hello-world.jpg”>
以上是“HTML中編碼規(guī)范是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。
