前幾年在網站開發上DIV CSS很是流行,當時掀起一片狂狼啊。可是後來對於前端開發來說純DIV CSS已經被程式設計師所丟棄,隨著「標籤語意化」這個字就出來了。
那這個字是什麼意思呢?以下摘自百度百科:
html標籤語意:即html標籤的意思。
首先是關於語意(Semantics)和預設樣式的區別,預設樣式是瀏覽器設定的一些常用tag的表現形式,個人認為他的主要目的就是讓大家直觀的認識標籤(markup)和屬性( attribute)的用途和作用,很明顯Hx系列看起來很像標題,因為擁有粗體和較大的字號。 ,用來區別於其他文字,起到了強調的作用。至於清單和表格很明顯的告訴你他們是做什麼的。
那我們怎麼很好的理解這段話呢?其實這段話顯示一點就是該用什麼標籤就用什麼標籤,不要刻意的用DIV佈局,比如如果加粗什麼的完全可以直接用來完成,不必要用class進行渲染,自然點,比如頁面中也可以適當的使用table表格佈局,誰說表格不利於SEO的啊?就連百度都有用到表格的哦。所以說哪個方便用哪個,哪個結構清晰用哪個。杜絕DIV CSS版面此說法。