1. 程式人生 > 其它 >HTML-H5新標籤

HTML-H5新標籤

  在頁面中使用最多還是div+span,主要是這兩個沒有任何語義;通常情況在佈局和存放文字,並不會很多的特殊處理啥的,只是單純這個元素放哪,文字放哪的問題罷了;因此div+span就很萬能;有一點不是很好,他的佈局可讀性比較差,從視覺上看一層嵌一層的div+span,從分層可讀性上講是不行的。因此還h5有了下面的一些標籤,實際作用和div一樣,只不過標籤名不同,被賦予使用場景也不一樣,如下:

先宣告下,上面的標籤都是放在body裡面的。

  header:通常是放在網頁的頂部位置;

  nav:用來包裹網頁中導航,可以是上圖的導航欄位置,也可以左側邊欄導航位置等等...其實沒那麼死

  main:表示網頁的主體部分;看上圖並沒有main標籤,主要是原因很少有人用這個標籤來作為主體

  article:表示獨立一塊的文章

  aside:當頁面左側邊欄或者右側邊欄的有一些不太主體的區域,可以使用

  footer:表示頁面的底部區域

  section:表示其他區域;當上面實在沒得用了,就可以用他了。

最後做個總結吧,實際中用到上面標籤很少;後面會有很多元件庫(框架)封裝好了各式各樣的標籤,基本上不會碰到上面稍微原生點的標籤了;在剛剛學習html時可以嘗試下;