问题描述
|
我想知道这种构造在HTML5中在语义上是否正确。
<html>
<head></head>
<body>
<aside>
<header>
<h1></h1>
</header>
<div>
</div>
</aside>
<section id=\"content\">
</section>
</body>
</html>
我要的是一个左酒吧走的是屏幕的30%,与标志和它下面的一些东西,然后将内容以另外的70%在右侧。
非常感谢。
解决方法
您放置在此处的代码本身没有错,但请记住,ѭ1标签是分段内容元素,因此其中的
<header>
和<h1>
将仅被视为<aside>
的标题,而不是整个页面(至少在HTML5的大纲算法,可悲的是,似乎是在实践中死亡)。
这可能是你想要什么。如果不是,那么如果左列中的所有内容几乎都只是该页面的介绍性内容,则可以将其全部放在<header>
元素内,而完全丢掉<aside>
:
<html>
<head></head>
<body>
<header>
<h1></h1>
<div>
</div>
</header>
<section id=\"content\">
</section>
</body>
</html>
,由于HTML5仍然是一个草案,规格说
一个头元件旨在
通常包含该节的标题
(一个H1-H6元件或hgroup
元素),但这不是必需的。
头元件也可以用于
紧裹部\的表的内容,一
搜索形式,或任何相关的徽标。
和
的[撤销]元件可用于
印刷效果,如拉引号
或侧边栏,广告,为
NAV元素组,以及用于其它
这被认为是单独的内容
从页面的主要内容。
而唯一\“限制\”上<aside />
标签
它\'S不宜使用旁白
元素仅用于括号,因为
这些是主要流程的一部分
文献
事件虽然也有与<aside />
标签内<header />
标签没有明确的例子,我会考虑他们确定。
链接:
http://dev.w3.org/html5/spec/Overview.html#the-header-element
http://dev.w3.org/html5/spec/Overview.html#the-aside-element