背景：網(wǎng)頁大量使用div來分隔內(nèi)容，濫用現(xiàn)象使得網(wǎng)頁制作似乎就只剩下了div，在這種不好的現(xiàn)象下，誕生了web語義化。
web語義化：簡單來說就是用特定的語言來定義特定的事物，便于搜索引擎識(shí)別。
它分為兩部分：html語義化和css命名語義化。
html語義化
人們通過肉眼來判斷內(nèi)容的語義，搜索引擎通過標(biāo)簽來判斷內(nèi)容的語義。因?yàn)轫撁娴暮艽笠徊糠至髁渴莵碜运阉饕妫允箻?biāo)簽語義化很重要。
部分標(biāo)簽語義
詳情請(qǐng)參考:W3schoolhtml手冊(cè)
div 語義：Division(分隔)
span 語義：Span(范圍)
ol 語義：Ordered List(排序列表)
ul 語義：Unordered List(不排序列表)
li 語義：List Item(列表項(xiàng)目)
一個(gè) html元素的存在就意味被標(biāo)記內(nèi)容的那部分有相應(yīng)的結(jié)構(gòu)化的意義，沒有理由使用其他的標(biāo)記。比如使用一個(gè)div來定義一個(gè)p標(biāo)簽。
使用h1-hn（權(quán)重由高到低）的時(shí)候要注意它的權(quán)重，最好只有1個(gè)頁面只有一個(gè)h1，不然對(duì)搜索引擎不友好。
css命名語義化
一般而言，CSS類名的語義化聲明方式應(yīng)當(dāng)考慮頁面中某個(gè)相對(duì)元素的”用意”，獨(dú)立于它的“定位”或確切的特性(結(jié)構(gòu)化方式)。像left-bar, red-text, small-title…這些都屬于結(jié)構(gòu)化定義的例子。
使用語義化方式的話，我們?cè)谛薷木W(wǎng)站布局的時(shí)候可以僅僅修改相關(guān)CSS類的屬性即可，而不用修改它們的類名了，如果網(wǎng)站的代碼很龐大，這將節(jié)省大量的時(shí)間。
注意：結(jié)構(gòu)(html)才是重點(diǎn)，樣式(css)是用來修飾結(jié)構(gòu)的。所以，要先確定html，確定標(biāo)簽，再來選用合適的css
