我想知道
HTML5中的这个构造是否在语义上是正确的.
<html>
<head></head>
<body>
<aside>
<header>
<h1></h1>
</header>
<div>
</div>
</aside>
<section id="content">
</section>
</body>
</html>
我想要的是一个左边的酒吧,占据30％的屏幕,标志和一些东西在它下面,然后内容占据另外70％在右边.
非常感谢.
解决方法
您所放置的代码本身没有错误,但请记住,< aside>标签是
a sectioning content element,所以< header>和< h1>在其中它将被视为仅用于< aside>而不是整个页面的标题(至少在HTML5轮廓算法下,sadly,seems to be dead in practice).
这可能是你打算的.如果没有,那么如果左栏中的所有内容几乎只是页面的介绍内容,可以将其全部放在<header> element中,并丢失< aside>彻底：
<html>
<head></head>
<body>
<header>
<h1></h1>
<div>
</div>
</header>
<section id="content">
</section>
</body>
</html>