<li><code><title></code>, the page title that appears in a browser tab.</li>
<li>The <code>charset</code>, which tells the browser what encoding to use (this ensures unicode characters will display)</li>
<li>The <code>favicon</code> is the little site icon that open appears in the browser tab. Just create an <code>.ico</code> file and put it in <code>favicon.ico</code> and each page will read it.</li>
<li>The <code>stylesheet</code> is the CSS stylesheet, which is extremely important for making your site look good and we will get to <ahref="css.html">in the CSS lessons</a>.</li>
<li>The <code>RSS</code> feed which is a file you can create to give users updates about your site. <ahref="rss.html">We'll talk about making an RSS later too.</a></li>
</ul>
</li>
<li><code><body></code>, which usually designates what content will visibly display.</li>
<li><code><header></code>, which is a semantic tag that where we use to put the main page title in.</li>
<li><code><nav></code>, a place to store a navigation bar later. I use a script to automatically update the bar on all pages and it looks for this tag.</li>
<li><code><main></code>, designates where the main text of the document is.</li>
<li><code><footer></code>, the content appearing at the bottom of the document, I also manage this like nav, with a script.</li>
<li><code><<++>></code>, <++></li>
<li><code><<++>></code>, <++></li>
</ul>
<h2>The Importance</h2>
<p>
If you're new to this world, you might be wondering why you should use body and main and nav and header and all this seemingly confusing stuff!
(Especially when even bad HTML displays!)
</p>
<p>
Not only do many devices, especially mobile ones, specifically use these tags for their features, but
when using CSS, we can also style each of these elements the way you want them to appear without changing the HTML on all your pages.
</p>
<p>
With CSS, we can say that we might want the whole body to have a image background, but main should be floating over it semi-transparent.
We can tell nav to float off on the left or right and we can change footer and nav settings just by tweaking the CSS.
</p>
<p>
Speaking of which, we've been talking up CSS for a while, so now it's time to learn it!
</p>
<spanclass=next><ahref="css.html">Next: Styling with CSS</a></span>