我如何在 HTML5 中最好地标记它？

Question

I went to this site: http://www.ignitionmedia.com.au/ and on the front page below the banner is 'WEB DESIGN', 'WEB DEVELOPMENT' & 'WEBSITE PROMOTION'

I was wondering what would be the best semantic way to mark something like this up in HTML5. Any tips? Eg, should a header tag be present?

My guess might be something along the lines of, are there any better ways?

<section id="web-design">

    <h1>WEBSITE DESIGN</h1>

    <img src="img.png" alt="graphic" />

    <p>text here blah blah</p>

</section>

Thanks!

Answer 1

Your approach seems pretty reasonable, and would work fine once the links have been added and styled. I think you could probably justify using article instead of section , since the content in the block stands on its own pretty well, but either one should work.

Here's a flowchart that I've found works well for picking which element is appropriate: http://html5doctor.com/wp-content/uploads/HTML5Doctor-sectioning-flowchart.png