這篇“HTML中編碼規范是什么”文章,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要參考一下,對于“HTML中編碼規范是什么”,小編整理了以下知識點,請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進入主題吧。
成都創新互聯公司于2013年成立,先為米脂等服務建站,米脂等地企業,進行企業商務咨詢服務。為米脂企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。html的全稱為超文本標記語言,它是一種標記語言,包含了一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體,html文本是由html命令組成的描述性文本,html命令可以說明文字,圖形、動畫、聲音、表格、鏈接等,主要和css+js配合使用并構建優雅的前端網頁。
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)如果是標題就應該使用標題標簽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標簽,特別是當數據是后端給的,可能會帶有p標簽,所以這時容器不能使用p標簽。
24.不要在https的鏈接里寫http的圖片
<img src=”//static.chimeroi.com/hello-world.jpg”>
以上是“HTML中編碼規范是什么”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯行業資訊頻道!
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前標題:HTML中編碼規范是什么-創新互聯
文章地址:http://vcdvsql.cn/article22/cdidjc.html
成都網站建設公司_創新互聯,為您提供網站維護、靜態網站、全網營銷推廣、用戶體驗、電子商務、服務器托管
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯