我在書上看到<header id="header"><hgroup><h1>背包客旅行札記</h1><h4>旅行是一種休息，而休息是為了走更長(zhǎng)遠(yuǎn)的路</h4></hgroup>到底hgroup有什么用好像我取消了也沒什么變化啊下面有一段<nav>為什么會(huì)放在header id="header"中artical id="travel"為什么section和aside也在其中不能section id= 嗎?不能aside id= 嗎?
2 回答
慕容708150
TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超4個(gè)贊
<hgroup> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
作用如下：
<hgroup> 標(biāo)簽用于對(duì)網(wǎng)頁或區(qū)段（section）的標(biāo)題進(jìn)行組合。
寫法如下：
使用 <hgroup> 標(biāo)簽對(duì)網(wǎng)頁或區(qū)段（section）的標(biāo)題進(jìn)行組合。
<hgroup>
<h1>Welcome to my WWF</h1>
<h2>For a living planet</h2>
</hgroup>
<p>The rest of the content...</p>
慕后森
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
①HTML5出現(xiàn)了很多代表新的語義的標(biāo)簽，就想你說的hgroup、section、aside、figure等等。
②如果你了解布局方式從以前的“table表格布局”到現(xiàn)在注重語義化的布局的轉(zhuǎn)變，你就不會(huì)奇怪為什么對(duì)多出怎么多看上去有點(diǎn)啰嗦的新標(biāo)簽了。
簡(jiǎn)單點(diǎn)說，你用div也可以實(shí)現(xiàn)像aside等標(biāo)簽的功能，但div這個(gè)標(biāo)簽創(chuàng)作出來時(shí)，目的很簡(jiǎn)單，就是創(chuàng)建一個(gè)分區(qū)(division)，而如果你用div來實(shí)現(xiàn)其他功能，就違背了它原來的語義了，這不利于代碼的可讀性、搜索引擎優(yōu)化等。
③舉點(diǎn)例子：
你問的hgroup元素，語義就是組合網(wǎng)頁或區(qū)段的標(biāo)題，修改hgroup樣式后，被他包圍的h1、h4之類的標(biāo)題元素就會(huì)同時(shí)繼承他設(shè)置的樣式。
section、aside：分別是定義節(jié)(如章節(jié)/頁眉) 和定義某內(nèi)容之外的內(nèi)容(類似題外話的意思)。
比起在HTML5以前的版本，這些標(biāo)簽都是對(duì)頁面更細(xì)致的設(shè)置。HTML5使以前用一個(gè)像div那樣的元素 來實(shí)現(xiàn)多種作用而導(dǎo)致其語義模糊的情況少了很多。
- 2 回答
- 0 關(guān)注
- 153 瀏覽
添加回答
舉報(bào)
0/150
提交
取消