3.3.1 大纲(3)
另外,在HTML 5中,body元素、blockquote元素、fieldset元素、td元素、details元素及figure元素被称为节根(sectioning roots)元素。这些元素的共同特征是拥有自己独立的大纲,并且这些元素内的section元素、article元素、标题元素(h1~h6元素)、nav元素及aside元素等,只被用在生成其父元素的大纲时,而不被用在生成父元素的上层祖先元素的大纲时。
在代码清单3-25中,blockquote元素内部有一个h1元素,正是因为这个h1元素是位于节根元素blockquote元素内部的,所以在针对blockquote元素的父元素body元素生成页面大纲时,该h1元素并没有显示在大纲中,如图3-10所示。
代码清单3-25 针对body元素生成大纲时节根元素中的子元素不起作用
<!DOCTYPE html>
<meta charset="UTF-8">
<body>
<h1>网页标题</h1>
<blockquote>
<h1>节根元素内部标题</h1>
</blockquote>
</body>
图3-10 针对body元素生成大纲时节根元素中的子元素不起作用