關於html中標籤和標籤兩者的區別

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 。

以上是關於html中

標籤和

標籤兩者的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！