- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進口關稅！PC硬件要大漲價
[摘要]本篇文章給大家帶來的內容是關于HTML中編碼規范的總結，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。1.img標簽要寫alt標簽 2.單標簽不要寫閉合標簽（img、link、input、hr、br） 3.自定義屬性要以data- 開頭 4.td要在tr里面，li要在ul/ol里面...
本篇文章給大家帶來的內容是關于HTML中編碼規范的總結，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
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(搜索引擎優化)
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有自適應的優點；如果是一個列表就使用ol/ul標簽，擴展性比較好
（2）如果是輸入框就使用input，而不是寫一個p標簽，然后設置contenteditable=true，因為這個在IOS Safari上光標定位容易出現問題。如果需要做特殊效果除外
（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）如果是標題就應該使用標題標簽h1/h2/h3，而不是自己寫一個<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標簽，特別是當數據是后端給的，可能會帶有p標簽，所以這時容器不能使用p標簽。
24.不要在https的鏈接里寫http的圖片
<img src=”//static.chimeroi.com/hello-world.jpg”>
相關推薦：
以上就是HTML中編碼規范的總結的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
標簽：HTML中編碼規范的總結
推薦資訊 總人氣榜
最新教程 本月人氣
- 1如何在mysql5.6及以下版本查詢數據庫里的json詳情
- 2詳細說明Mysql5.7中文亂碼問題的處理方法
- 3MySQL主從復制實戰-詳細說明基于日志點的復制代碼案例
- 4MySQL優化之InnoDB優化代碼詳細說明
- 5MySQL優化之連接優化示例代碼
- 6MySQL優化之緩存優化詳細說明（二）
- 7有關MySQL數據庫中的外鍵約束詳細說明
- 8如何處理MySQL 5.0.16中的亂碼問題
- 9MySQL動態增刪改列字段
- 10監控MySQL的一起收集表信息代碼詳細說明（圖文）
- 11MySQL根據離線binlog迅速“閃回”的詳情說明
- 12對于MySQL字符集問題詳細說明（圖）
- 1紅米3s如何刷miui8 紅米3s刷機miui8方法流程圖解
- 2用錢寶如何注銷 用錢寶注銷圖文說明教程詳細說明
- 3用錢寶收不到驗證碼如何回事 用錢寶收不到驗證碼處理方法
- 4小米5s設置參數 小米5s參數是什么
- 5騰訊qq電腦管家文件粉碎在什么地方 電腦管家文件粉碎如何用
- 6Win7系統如何打開rar文件？
- 7Photoshop入門者的使用技巧
- 8橙子vr如何看百度云資源 橙子vr觀看百度云視頻資源圖文說明教程
- 9oppo r9如何截圖 oppo r9截屏圖文說明教程
- 10vivo x5max如何刷機 vivo x5max刷機圖文說明教程
- 11一加3如何截圖 一加3如何截屏
- 12酷狗k歌如何備份錄音 酷狗k歌錄音備份圖文說明教程
