Menu
I'm wondering if this construction would be semantically correct in HTML5.
<html>
<head></head>
<body>
<aside>
<header>
<h1></h1>
</header>
<div>
</div>
</aside>
<section id="content">
</section>
</body>
</html>
What I want is a left bar taking the 30% of the screen, with the logo and some stuff below it, and then the content taking the other 70% on the right side.
Thanks a lot.
991
Given that HTML5 is still a draft, the specs says
A header element is intended to usually contain the section's heading (an h1–h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section's table of contents, a search form, or any relevant logos.
and
The [aside] element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page.
and the only "restriction" on the <aside /> tag is
It's not appropriate to use the aside element just for parentheticals, since those are part of the main flow of the document
event though there are no explicit examples with <header /> tags inside <aside /> tags, I would consider them OK.
Links:
178
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
