背景：網(wǎng)頁大量使用div來分隔內(nèi)容锐想，濫用現(xiàn)象使得網(wǎng)頁制作似乎就只剩下了div鸳谜，在這種不好的現(xiàn)象下丁侄，誕生了web語義化。
web語義化：簡單來說就是用特定的語言來定義特定的事物，便于搜索引擎識別候味。
它分為兩部分：html語義化和css命名語義化。
html語義化
人們通過肉眼來判斷內(nèi)容的語義隔心，搜索引擎通過標簽來判斷內(nèi)容的語義白群。因為頁面的很大一部分流量是來自搜索引擎，所以使標簽語義化很重要硬霍。
部分標簽語義
詳情請參考:W3schoolhtml手冊
div 語義：Division(分隔)
span 語義：Span(范圍)
ol 語義：Ordered List(排序列表)
ul 語義：Unordered List(不排序列表)
li 語義：List Item(列表項目)
一個 html元素的存在就意味被標記內(nèi)容的那部分有相應的結(jié)構(gòu)化的意義帜慢，沒有理由使用其他的標記。比如使用一個div來定義一個p標簽唯卖。
使用h1-hn（權(quán)重由高到低）的時候要注意它的權(quán)重粱玲，最好只有1個頁面只有一個h1，不然對搜索引擎不友好拜轨。
css命名語義化
一般而言抽减，CSS類名的語義化聲明方式應當考慮頁面中某個相對元素的”用意”，獨立于它的“定位”或確切的特性(結(jié)構(gòu)化方式)橄碾。像left-bar, red-text, small-title…這些都屬于結(jié)構(gòu)化定義的例子卵沉。
使用語義化方式的話颠锉，我們在修改網(wǎng)站布局的時候可以僅僅修改相關(guān)CSS類的屬性即可，而不用修改它們的類名了史汗，如果網(wǎng)站的代碼很龐大琼掠，這將節(jié)省大量的時間。
注意：結(jié)構(gòu)(html)才是重點停撞，樣式(css)是用來修飾結(jié)構(gòu)的眉枕。所以，要先確定html怜森，確定標簽，再來選用合適的css
