1 .必須結(jié)束標(biāo)簽冰评，嚴(yán)謹(jǐn)?shù)慕Y(jié)構(gòu)怎棱，所有標(biāo)簽必須閉合
2 .小寫的元素和屬性名
3 .標(biāo)簽合理嵌套九默，層層嵌套必須是嚴(yán)格對(duì)稱的。
4 .屬性必須括起來
5 .特殊的符號(hào)使用編碼表示
1.任何小于號(hào)绞蹦，大于號(hào)幻捏，&號(hào)宏所，當(dāng)他們不是實(shí)體的一部分，都必須使用編碼字符
aria：用來標(biāo)識(shí)頁面中涉及到動(dòng)態(tài)交互的地方壹堰，這些交互通常需要js和相關(guān)技術(shù)來實(shí)現(xiàn)汁政，例如浮出層，對(duì)話彈出層缀旁，下拉列表等记劈。無障礙網(wǎng)頁應(yīng)用，主要針對(duì)視覺缺陷并巍，失聰目木，行動(dòng)不便的殘疾人以及假裝殘疾的測(cè)試人員。借助輔助設(shè)備可以大聲朗讀出盲文懊渡，aria可以讓屏幕閱讀器準(zhǔn)確識(shí)別網(wǎng)頁中的內(nèi)容刽射，變化，狀態(tài)的技術(shù)規(guī)范剃执，讓這類人也無障礙閱讀
1 .屏幕讀取器誓禁，語音識(shí)別軟件和屏幕鍵盤均通過特定的語義標(biāo)簽讀取網(wǎng)頁組件本質(zhì)信息，而aria角色在語義化表示約定方面有著至關(guān)重要的作用肾档。
2 . aria允許開發(fā)者為任何html元素添加一個(gè)簡(jiǎn)單的屬性摹恰，aria的role根據(jù)上下文判斷某個(gè)元素的作用和性質(zhì)辫继，也就是說，比如標(biāo)簽不一定是原來表示的俗慈。
3 .tabIndex:原本的html中姑宽，只有a標(biāo)簽和表單元素可以被鍵盤訪問，即使是a也必須加上href屬性才可以闺阱。tabindex=0,該元素可以使用tab取到炮车，tabindex=-1,使用tab鍵取不到焦點(diǎn)，但是可以通過過js獲取
4 .aria將元素分為6種的role酣溃，以及對(duì)應(yīng)的states和properties瘦穆，但是有一些事公用的。
5 .<div role="radio" aria-checked="true" aria-label="單選2" tabindex="0">單選tabindex="0"</div>//這個(gè)div模擬了radio的功能赊豌，平時(shí)是看不出來的扛或，但是加上role以及aria-checked，就可以讀出他的屬性了
6 .https://www.cnblogs.com/webapplee/p/3771690.html
快速介紹
1.html文檔由元素和文本樹組成亿絮，每個(gè)元素使用開始標(biāo)記和結(jié)束標(biāo)記表示告喊。也有一些開始標(biāo)簽和結(jié)束標(biāo)簽在某些情況下可以省略麸拄，并由其他標(biāo)簽代替
1.
2 .標(biāo)簽必須嵌套派昧，使元素完全在彼此之內(nèi)，不發(fā)生重疊拢切。
3 .本規(guī)范定義了一組可以在html中使用的元素蒂萎，以及有關(guān)元素嵌套方式的規(guī)則，元素可以具有控制元素如何工作的屬性淮椰。屬性放在開始標(biāo)簽內(nèi)五慈。
4 .html用戶代理解析html，把他變成一個(gè)dom樹主穗，dom樹就是文檔在內(nèi)存中的表現(xiàn)形式泻拦。
dom標(biāo)準(zhǔn)
1 .dom樹種中有的節(jié)點(diǎn)比預(yù)期的多，因?yàn)榘舜罅康目崭窈蛽Q行符忽媒，這些空格最終都是text節(jié)點(diǎn)争拐。
使用腳本api的時(shí)候要避免常見的缺陷
1 .由于html文件的解析是逐漸發(fā)生的，這就意味著解析器可能隨時(shí)暫停晦雨，讓腳本運(yùn)行架曹。但是一旦腳本里面有事件，可能會(huì)觸發(fā)不了闹瞧。
2 .解決辦法：1事件處理程序內(nèi)容屬性绑雄。就是添加事件在元素內(nèi),比如img的onload事件2.創(chuàng)建元素的時(shí)候并在同一段腳本中添加事件。就是千萬不能把他們分來來寫奥邮。那樣就會(huì)出現(xiàn)上面的錯(cuò)誤万牺。也就是說罗珍，如果是現(xiàn)在上面創(chuàng)建了img元素，然后在腳本單獨(dú)添加了事件監(jiān)聽器杏愤，那么load事件就有可能在兩者之間觸發(fā)靡砌，導(dǎo)致錯(cuò)過。
頁面盡量避免的錯(cuò)誤結(jié)構(gòu)
1 .<p><i>111
2 .<p><i>222
3.<p><i>333
4.盡量不要寫這樣的dom結(jié)構(gòu)珊楼。會(huì)重復(fù)渲染
h5代碼規(guī)范
1 .命名規(guī)則：class:單詞全部小寫通殃，駝峰寫法。id:必須唯一性厕宗，命名有明確的語義画舌。
標(biāo)簽
1 .html的標(biāo)簽必須使用小寫字母
2 .標(biāo)簽的閉合要符合h5的規(guī)定
3 .標(biāo)簽的使用必須符合標(biāo)簽的嵌套規(guī)則
4 .書寫鏈接的時(shí)候，必須避免重定向已慢。例如：href='http://www.baidu.com/'在最后一個(gè)地址后面加上'/'
5 .在頁面中盡量避免使用style屬性曲聂，即style=''
6 .語言編碼，有助于提高頁面的可訪問性佑惠，必須設(shè)置正確的lang屬性朋腋，<html lang="en">
7 .禁止設(shè)置img的src取值為空，延遲加載也要設(shè)置默認(rèn)的src屬性膜楷。重要圖片添加alt屬性值旭咽，添加width,height屬性可以避免頁面抖動(dòng)
8 .文本控件必須使用label標(biāo)簽將其與相關(guān)標(biāo)題聯(lián)系在一起。
9 .使用button的時(shí)候必須指明type屬性值赌厅。
10 .在html中穷绵，有一些元素的屬性，當(dāng)只寫屬性名稱而不指定屬性值時(shí)特愿，屬性值為true,如果設(shè)置該屬性值為false仲墨，則不使用該屬性即可
標(biāo)簽的使用必須遵循標(biāo)簽的語義
1 .p-段落
2 .h1-h5-層級(jí)標(biāo)題
3 .strong,em-強(qiáng)調(diào)
4 .ins-插入
5 .del-刪除
6 .code-代碼
7 .abbr-縮寫
8 .cite-引述來源作品的標(biāo)題
9 .q引用
10 .blockquote-一段或長篇引用
11 .ul,ol
12 .dl,dt,dd-定義列表
css文件分類
1 .模塊：module.css
2 .基本公用：base.css
3 .布局，版面：layout.css
4 .主題：themes.css
5 .專欄：columns.css
6 .文字：font.css
7 .表單：forms.css
8 .補(bǔ)蹲嵴稀：mend.css
9 .打幽垦：print.css
頁面id命名
1 .主題：main
2 .內(nèi)容：container
3 .側(cè)欄：sider
4 .子導(dǎo)航：subnav
5 .頂導(dǎo)航：topnav
