HTML中編碼規(guī)范是什么-創(chuàng)新互聯(lián)

這篇“HTML中編碼規(guī)范是什么”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“HTML中編碼規(guī)范是什么”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。

成都創(chuàng)新互聯(lián)公司于2013年成立，先為米脂等服務(wù)建站，米脂等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為米脂企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

html是什么

html的全稱為超文本標(biāo)記語言，它是一種標(biāo)記語言，包含了一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁。

1.img標(biāo)簽要寫alt標(biāo)簽
2.單標(biāo)簽不要寫閉合標(biāo)簽（img、link、input、hr、br）
3.自定義屬性要以data- 開頭
4.td要在tr里面，li要在ul/ol里面
5.ul/ol的直接子元素只能是li
6.section里面要有標(biāo)題標(biāo)簽
7.使用section標(biāo)簽增強SEO(搜索引擎優(yōu)化)
8.行內(nèi)元素里面不可使用塊級元素(a標(biāo)簽里面不能放p)
9.每個頁面要寫
10.要用table布局寫郵件模板
11.html要保持簡潔，不要套太多層
12.特殊情況下才在html里面寫script和style
13.樣式要寫在head標(biāo)簽里
14.html要加上lang的屬性

    <html lang="en">
    <html lang="zh-CN">

15.要在head標(biāo)簽靠前位置寫上charset和meta標(biāo)簽

16.特殊符號使用html實體

? &copy;
￥ &yen;
? &reg;
> &gt;
< &lt;
& &amp;

17.img空src的問題

<img src="about:blank" alt><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

18.關(guān)于行內(nèi)元素空格和換行的影響
19.類的命名使用小寫字母加中劃線（hello-world)
20.不推薦使用自定義標(biāo)簽
21.重復(fù)雜id和重復(fù)屬性
22.不推薦使用屬性設(shè)置樣式（canvas width height 需要寫）
23.使用合適的標(biāo)簽
（1）如果內(nèi)容是表格就使用table，table有自適應(yīng)的優(yōu)點；如果是一個列表就使用ol/ul標(biāo)簽，擴展性比較好
（2）如果是輸入框就使用input，而不是寫一個p標(biāo)簽，然后設(shè)置contenteditable=true，因為這個在IOS Safari上光標(biāo)定位容易出現(xiàn)問題。如果需要做特殊效果除外
（3）如果是粗體就使用b/strong，而不是自己設(shè)置font-weight
（4）如果是表單就使用form標(biāo)簽，注意form里面不能套form
（5）如果是跳鏈就使用a標(biāo)簽，而不是自己寫onclick跳轉(zhuǎn)。a標(biāo)簽里面不能套a標(biāo)簽
（6）使用html5語義化標(biāo)簽，如導(dǎo)航使用nav，側(cè)邊欄使用aside，頂部和尾部使用header/footer，頁面比較獨立的部分可以使用article，如用戶的評論。
（7）如果是按鈕就應(yīng)該寫一個button或者<input type="button">，而不是寫一個a標(biāo)簽設(shè)置樣式，因為使用button可以設(shè)置disabled，然后使用CSS的:disabled，還有:active等偽類使用，例如在:active的時候設(shè)置按鈕被按下去的感覺
（8）如果是標(biāo)題就應(yīng)該使用標(biāo)題標(biāo)簽h2/h3/h4，而不是自己寫一個<p class="title"></p>，相反如果內(nèi)容不是標(biāo)題就不要使用標(biāo)題標(biāo)簽了
（9）在手機上使用select標(biāo)簽，會有原生的下拉控件，手機上原生select的下拉效果體驗往往比較好，不管是IOS還是android，而使用<input type="tel">在手機上會彈一個電話號碼的鍵盤，<input type="number"> <input type="email">都會彈相應(yīng)的鍵盤
（10）如果是分隔線就使用hr標(biāo)簽，而不是自己寫一個border-bottom的樣式，使用hr容易進行檢查
（11）如果是換行文本就應(yīng)該使用p標(biāo)簽，而不是寫br，因為p標(biāo)簽可以用margin設(shè)置行間距，但是如果是長文本的話使用p，因為p標(biāo)簽里面不能有p標(biāo)簽，特別是當(dāng)數(shù)據(jù)是后端給的，可能會帶有p標(biāo)簽，所以這時容器不能使用p標(biāo)簽。
24.不要在https的鏈接里寫http的圖片

<img src=”//static.chimeroi.com/hello-world.jpg”>

以上是“HTML中編碼規(guī)范是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前標(biāo)題：HTML中編碼規(guī)范是什么-創(chuàng)新互聯(lián)
文章地址：http://bm7419.com/article22/cdidjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、靜態(tài)網(wǎng)站、全網(wǎng)營銷推廣、用戶體驗、電子商務(wù)、服務(wù)器托管

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容