The root element
Though not a section of an HTML document, the root element is what wraps
around the entire document, appearing as the first thing after the doctype
and the last thing in the document.
The root element is opened with:
<html>
The root element is closed with:
</html>

The head section and title element
The head section of a document contains information about the document
itself. The head section is opened with:
<head>
The head section is closed with:
</head>

@TIP
The head section should not be confused with a header or menu on a page
itself. The head section is a behind-the-scenes element of a page.

What makes a good title element?
Title elements should be descriptive of the
page contents but not overly so. Frequently
a title tag may have the site name along with
something descriptive about the page itself. For
example, www.braingia.org has “Steve
Suehring – Official Site and Blog,” and then
navigating to a given page, say the Books page,
results in the title changing to “Books | Steve
Suehring – Official Site and Blog.” The title is
therefore both descriptive of the page as well
as the site.
Page titles are used by search engines like
Google as one factor to help determine whether
your page is relevant, therefore placing it higher
in the search results. Google, for example,
displays up to 66 characters of the title tag. So
keeping the title short but sweet is key