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

article標簽，使用后感覺和P（段落）差不多，語義化的標簽。
<aside> 標簽定義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 id="aside"> 我就知道它的作用，看到 <div id="div1"> 誰知道這是什么東西，就像 div 標簽本身一樣，毫無意義。

而 article 和 aside 就像 div 一樣，只是布局標簽，除了標簽名字不一樣，其他功能意義基本是一樣的，article、aside 里面的字體、背景、邊框等沒有任何特殊的樣式，也不是鼠標點擊了 aside 標簽之后會出現什么特殊的效果，因為它們只是簡簡單單的標簽。
既然功能和 div 一模一樣，html5 為何多此一舉，又生產出幾個多余的 “div” 出來呢？
有句話叫做：存在的就是合理的。

因為很多網站布局是重復的，全世界網站有很多都是左邊是導航，右邊是正文內容，然后給div設置id來用css布局，因為有這個需求，html5 就人性化的添加了幾個標簽，從而簡化了開發人員的開發，畢竟，<aside> 與 <div id="aside">，那個更好？
html 角度：前者比后者少寫幾行代碼，一定程度簡化了網頁文件大小。
css 角度：前者直接使用 aside 就能獲取到標簽，后者需要通過 id 。
js 角度：同上。

之前也聽說過這么一個消息，說一些移動設備（如 ipad），在解析 html5 標簽時，遇到 aside 標簽可能會有個性化的展示，可能效果更美觀。

總結：
<article> 就看做是 <div id="article">，<aside> 你就看做是 <div id="aside">，僅僅是人為的給div 換了一個說話，換湯不換葯，還是 div 。