[html5] h3 - h6: What's the best practice when in a section/article?

Micky Hulse mickyhulse.lists at gmail.com
Wed Sep 19 13:24:25 PDT 2012


Howdy,

Noob question:

When in a <section> or <article> (for example), what's the best way to
handle h1 - h6?

Example:

[snip]

<section>
	<header>
		<h1>My main header</h1>
		<h2>Subhead goes here</h2>
	</header>
	<p>Maybe a description of section goes here...</p>
	<h3>Heading used to divide paragraphs</h3>
	<p>Here's a paragraph...</p>
	<h3>Heading used to divide paragraphs</h3>
	<p>Here's a paragraph...</p>
	<h3>Heading used to divide paragraphs</h3>
	<p>Here's a paragraph...</p>
	<header>
		<h3>How to handle this?</h3>
		<h4>Is it weird to have multiple headers per section like this?</h4>
	</header>
	<p>Here's a paragraph... Should I have created a nested section in
this case?</p>
</section>

[/snip]

I know that's a funky example, but I'm just trying to figure out
when/how to incorporate some of the higher numbered headings into my
HTM5.

Any advice/tips/examples?

Thanks!
Micky



More information about the Help mailing list