Chapter 10HTML5 Document Structure

Web designers have been struggling with layout since the first version of HTML. Originally, layout was accomplished using tables. This practice, while still appropriate in some cases, lost favor to CSS and the div element, which is HTML4’s method of placing elements on the page. The div element allows developers to chop the page into as many logical sections as they want. CSS classes can then set custom formats for each div. However, the div element presents a couple of problems. In this chapter, we’ll first look at those problems and then describe how HTML5’s new layout tags help to solve them.

The Problems with Div

There are two big problems with the div element. The first problem that new developers encounter ...

Get HTML5 Multimedia Developer's Guide 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.