article標籤和aside標籤兩者的理解

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 就人性化的新增了幾個標籤，從而簡化了開發人員的開發，畢竟，與，那個更好？

html 角度：前者比後者少寫幾行**，一定程度簡化了網頁檔案大小。

css 角度：前者直接使用 aside 就能獲取到標籤，後者需要通過 id 。

js 角度：同上。

之前也聽說過這麼乙個訊息，說一些移動裝置（如 ipad），在解析 html5 標籤時，遇到 aside 標籤可能會有個性化的展示，可能效果更美觀。

總結：就看做是，你就看做是，僅僅是人為的給div 換了乙個說話，換湯不換藥，還是 div 。