HTML-H5新標籤
阿新 • • 發佈:2021-10-13
在頁面中使用最多還是div+span,主要是這兩個沒有任何語義;通常情況在佈局和存放文字,並不會很多的特殊處理啥的,只是單純這個元素放哪,文字放哪的問題罷了;因此div+span就很萬能;有一點不是很好,他的佈局可讀性比較差,從視覺上看一層嵌一層的div+span,從分層可讀性上講是不行的。因此還h5有了下面的一些標籤,實際作用和div一樣,只不過標籤名不同,被賦予使用場景也不一樣,如下:
先宣告下,上面的標籤都是放在body裡面的。
header:通常是放在網頁的頂部位置;
nav:用來包裹網頁中導航,可以是上圖的導航欄位置,也可以左側邊欄導航位置等等...其實沒那麼死
main:表示網頁的主體部分;看上圖並沒有main標籤,主要是原因很少有人用這個標籤來作為主體
article:表示獨立一塊的文章
aside:當頁面左側邊欄或者右側邊欄的有一些不太主體的區域,可以使用
footer:表示頁面的底部區域
section:表示其他區域;當上面實在沒得用了,就可以用他了。
最後做個總結吧,實際中用到上面標籤很少;後面會有很多元件庫(框架)封裝好了各式各樣的標籤,基本上不會碰到上面稍微原生點的標籤了;在剛剛學習html時可以嘗試下;