我想知道
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>