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!
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
精彩评论