關於html中標籤和
- 黄舟原創
- 2017-06-19 16:20:264011瀏覽
article標籤，使用後感覺和P（段落）差不多，語意化的標籤。
定義article以外的內容（可用做文章的側邊欄）. 語意化的標籤。
html 標籤有幾種分類，其中有一種就是網頁佈局性質的標籤，例如最常用的 div。
拋開以前的傳統網頁版面（table版）不談，就說現在的網頁版面－div+css。
你比如說，你要做一個最簡單的一行兩列的網頁，外層是一個div 容器，裡面兩個div，左邊是導航選單，右邊是內容，為了實現網頁佈局，你肯定得用css 定位，為了方便定位，你一定得為div 設定id 或者class，我們暫且用id。
外層容器 div ：id="wrap"，內層左邊 div：id="aside"，內層右邊 div：id="article"。
為什麼左邊導覽 id 要給它設定為 aside（旁邊），而不用 div1、div2 呢？
因為aside 賦予了div 意義，給當前開發者和後期維護者帶來方便，一看到
我就知道它的作用，看到
誰知道這是什麼東西，就像div 標籤本身一樣，毫無意義。
而article 和aside 就像div 一樣，只是佈局標籤，除了標籤名字不一樣，其他功能意義基本上是一樣的，article、aside 裡面的字體、背景、邊框等沒有任何特殊的樣式，也不是滑鼠點擊了aside 標籤之後會出現什麼特殊的效果；
因為它們只是簡簡單單的標籤。既然功能和 div 一模一樣，html5 為何多此一舉，又生產出幾個多餘的 “div” 出來呢？
有句話叫做：存在的就是合理的。
因為很多網站佈局是重複的，全世界網站有很多都是左邊是導航，右邊是正文內容，然後給div設定id來用css佈局，因為有這個需求，html5 就人性化的增加了幾個標籤，從而簡化了開發人員的開發，畢竟，