div不是html5語義化標簽。div是一個無語義的標簽,主要用于定義HTML文檔中的一個分隔區塊或者一個區域部分,該標簽無法明確表示該區域的內容的含義。div標簽常用于組合塊級元素,以便通過CSS來對這些元素進行格式化。
本教程操作環境:windows7系統、HTML5版、Dell G3電腦。
在html5以前的web前端開發中,我們都是使用div來實現區域的分割。
那么div是html5語義化標簽嗎?
div不是html5語義化標簽。
div是一個無語義的標簽,主要用于定義HTML文檔中的一個分隔區塊或者一個區域部分。它常用于組合塊級元素,以便通過 CSS 來對這些元素進行格式化。
我們在一個網頁中,往往會使用多個div標簽,但div 標簽無法明確表示該區域的內容的含義,這對我們接下來的css樣式設置和后期的維護非常的不友好,所以在html5中,出現了一些有語義化的標簽,今天我們就來認識這些標簽。
什么是語義化?
語義化是指用合理HTML標記以及其特有的屬性去格式化文檔內容。通俗地講,語義化就是對數據和信息進行處理,使得機器可以理解。
<h1>文檔標題</h1> <h2>次級標題</h2> <p> 這是文章段落,一般文章段落都會比其他HTML標簽所包含的內容要多。段落中基本都是文字,一般為3-6行,也可能10多行。是網頁主要的閱讀部分。 </p>
上面這些就是非常常見的文本語義化標簽,我們在設置網頁結構的時候,也可以使用語義化標簽,使頁面結構清楚易懂。
-
<header> : body 第一個子元素,用于表示頁面或某個區域的頭部,內容會顯示在頁面中, 可以在一個頁面可以出現多次
-
<nav> :表示導航欄,后代元素有 <a> 標簽,鏈接,一個頁面可以有多個 nav 標簽
-
<aside> :用于表示跟周圍主題相關的附加信息,非正文的內容,側邊欄, AD (廣告),相 關文章,評論
-
<article> :用于表示文章或其他可獨立頁面存在的內容(獨立的文章的內容,需要搜索 引擎抓取的關鍵詞也需要放在該標簽) 評論也可以寫在該標簽,一個頁面可以使用多個 article
-
<section> :用于表示一個整體的其中一個部分主題,例如文章的章節標題,它是 article 的 子元素
-
<footer> :用于表示頁面或某個區域的注腳,可以出現多次
-
<main> :主要,一個頁面只能出現一次,可以包含 article