HTML and CSS Reference
In-Depth Information
Figure 2-8
Inspecting the main content <div> with the Chrome developer tools.
The ellipsis within the
<header>
element is used to signify that there is content within the element. I want to keep
these code extracts as concise as possible, so using this enables me to avoid repeating the entire code in each
successive example.
Up until this point, the home and content page templates have been nearly identical. However, if you refer back to
the original wireframes you created earlier in this chapter, you will see that the main content area for the templates is
different, so you need to add different code for this section in your two template files.
Adding a <section> Element to the Content Page Template
The content page template contains only one big space for the page text. For this, you will use a single
<section>
element.
