- HTML5 layout elements
- How old browsers understand new elements
- Styling HTML5 layout elements with CSS
They are covered here (rather than with the other HTML elements you met earlier in the book) because you'll find it easier to understand how they can be used now that you have seen how CSS can control the layout a page. These new elements are going to play an important part in creating layouts going forward. In this chapter you will see:
- The new HTML5 layout elements and their uses
- How they offer helpful alternatives to the element
- How to ensure older browsers recognize these elements As with all HTML5 and CSS3 content, its usage is still subject to change but it is already widely being used by web developers and it is likely that you will want to use them.
HTML5 introduces a new set of elements that allow you to divide up the of a page. The names of these elements indicate the kind of content you will find in them. They are still subject to change, but that has not stopped many web page authors using them already.
- Specifying different versions of HTML
- Identifying and grouping elements
- Comments, meta information and iframes
This chapter, focuses on some helpful topics that are not easily grouped together. You will learn about:
- The different versions of HTML and how to indicate which version you are using
- How to add comments to your code
- Global attributes, which are attributes that can be used on any element, including the class and id attributes
- Elements that are used to group together parts of the page where no other element is suitable
- How to embed a page within a page using iframes
- How to add information about the web page using the meta> element
- Adding characters such as angled brackets and copyright symbols