CODEWITHSUNDEEP
markuphtml
John
John

Reputation: 21

How would I best mark this up in HTML5?

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!

Upvotes: 2

Views: 142

Answers (1)

derekerdmann
derekerdmann

Reputation: 18252

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

Upvotes: 1

Related Questions