Tip 1Redefining a Blog Using Semantic Markup

Semantic markup is all about describing content. If you’ve been developing web pages for a few years, you’ve probably divided your pages into various regions such as header, footer, and sidebar so that you can more easily identify the regions of the page when applying style sheets and other formatting.

Semantic markup makes it easy for machines and people to understand the meaning and context of the content. The new HTML5 markup tags, such as <section>, <header>, and <nav>, help you do that, as well.

One place you’re sure to find lots of content in need of structured markup is a blog. You’re going to have headers, footers, multiple types of navigation (archives, blogrolls, and internal links), and, ...

Get HTML5 and CSS3, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.