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