1> 什么是語義元素啃炸？
語義是指對一個詞或者句子含義的正確解釋。
很多html標(biāo)簽也具有語義的意義卓舵，也就是說元素本身傳達(dá)了關(guān)于標(biāo)簽所包含內(nèi)容類型的一些信息南用。例如，當(dāng)瀏覽器解析到
標(biāo)簽時掏湾，它將該標(biāo)簽解釋為包含這一塊內(nèi)容的最重要的標(biāo)題裹虫。h1標(biāo)簽的語義就是用它來標(biāo)識特定網(wǎng)頁或部分最重要的標(biāo)題2>為什么要語義化？
代碼結(jié)構(gòu):?使頁面沒有css的情況下融击，也能夠呈現(xiàn)出很好的內(nèi)容結(jié)構(gòu)
有利于SEO: 爬蟲依賴標(biāo)簽來確定關(guān)鍵字的權(quán)重筑公，因此可以和搜索引擎建立良好的溝通，幫助爬蟲抓取更多的有效信息
提升用戶體驗：例如title尊浪、alt可以用于解釋名稱或者解釋圖片信息匣屡，以及l(fā)abel標(biāo)簽的靈活運用。
便于團(tuán)隊開發(fā)和維護(hù): 語義化使得代碼更具有可讀性际长，讓其他開發(fā)人員更加理解你的html結(jié)構(gòu)耸采，減少差異化。
方便其他設(shè)備解析: 如屏幕閱讀器工育、盲人閱讀器虾宇、移動設(shè)備等，以有意義的方式來渲染網(wǎng)頁如绸。
3>HTML5常用的語義元素
HTML5提供了新的語義元素來定義網(wǎng)頁的不同部分嘱朽，它們被稱為“切片元素”
4>常用的CSS樣式命名
1.頁面結(jié)構(gòu)頁
? ?頭：header? ? ? ? ? ? ?頁面主體：main? ? ? ? ? ? ?頁尾：footer
? ?內(nèi)容：content/container? ? ? ? ? ?容器：containe? ? ? ? ? ? ?導(dǎo)航：nav
? ?側(cè)欄：sidebar? ? ? ? ? ?欄目：column? ? ? ? ? ? 頁面外圍控制：wrapper? ? ? ? ? 左右中：left right center
2.導(dǎo)航
? ?導(dǎo)航：nav? ? ? ? ?主導(dǎo)航：mainnav? ? ? ? ? 子導(dǎo)航：subnav? ? ? ? ? 頂導(dǎo)航：topnav
? ?邊導(dǎo)航：sidebar? ? ? ? ?左導(dǎo)航：leftsidebar? ? ? ? ? ?右導(dǎo)航：rightsidebar? ? ? ??
? ?菜單：menu? ? ? ? ? ?子菜單：submenu? ? ? ? ? 標(biāo)題：title? ? ? ? ?摘要：summary
3.功能?
? 標(biāo)志：logo? ? ? ? ? 廣告：banner? ? ? ? ? 登錄：login? ? ? ? ?登錄條：loginbar?
? 注冊：register? ? ? ? ?搜索：search? ? ? ? ? 功能區(qū)：shop? ? ? ? ? 標(biāo)題：title
id和class使用id不要濫用，謹(jǐn)慎使用適當(dāng)使用class
