首頁 >web前端 >html教學 >關於html中

標籤和

關於html中
標籤和

黄舟
黄舟原創
2017-06-19 16:20:264100瀏覽

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中

標籤和
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn