HTML-语义类标签
如何理解HTML語義化？
所謂的語義主要分成兩個部分
- 為了讓人更容易讀懂
- 讓機器更容易讀懂
讓人更容易讀懂
對于人來說，代碼可讀性、語義化就是一個非常廣泛的概念了，例如定義 JS 變量的時候使用更易讀懂的名稱，定義 CSS class 的時候也一樣，例如length list等，而不是使用a b這種誰都看不懂的名稱。
讓機器更容易讀懂
問題就在這里 —— HTML 為何要自己規定那么多標簽名稱呢，例如p div h1 ul等 —— 就是為了語義化。其實，如果你精通 CSS 的話，你完全可以全部用<div>標簽來實現所有的網頁效果，其他的p h1 ul等標簽可以一個都不用。但是我們不推薦這么做，這樣做就失去了 HTML 語義化的意義。
拿搜索引擎來說，爬蟲下載到我們網頁的 HTML 代碼，它如何更好地去理解網頁的內容呢？—— 就是根據 HTML 既定的標簽。h1標簽就代表是標題；p里面的就是段落詳細內容，權重肯定沒有標題高；ul里面就是列表；strong就是加粗的強調的內容 …… 如果我們不按照 HTML 語義化來寫，全部都用<div>標簽，那搜索引擎將很難理解我們網頁的內容。
為了加強 HTML 語義化，HTML5 標準中又增加了header section article等標簽。因此，書寫 HTML 時，語義化是非常重要的，否則 W3C 也沒必要辛辛苦苦制定出這些標準來。
···
<body>
</body>
···
body 里面有自己的 header 和 footer，然后里面是豎篇的 article，每一個 article里面都有header、section、footer
總結
以上是生活随笔為你收集整理的HTML-语义类标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： leetcode 28. Impleme
- 下一篇： 几款xshell绝佳配色方案