The head and title Elementswith the headhead section, you simply add the head tags within the upper portion of your template, right below the opening <html> tag (see Example 1-4). Example 1-4. Building the template: Adding a head section<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR Notice that the head element requires no attributes but simply has the opening and closing tags. This identifies the head region. Table 1-1 shows some of the various elements that you can place within the head of your document.
The title Element in DetailThe title element is the only required element within the head element. This element displays any text within it in the browser bar (see Figure 1-2) along with the browser's name at the end of the text. Figure 1-2. The title element text will appear in the browser's title bar. Aside from the fact that you have to have the title element in place, writing good titles is a first-line technique that accomplishes three things:
Writing effective titles means addressing these three concerns. A good title example appears in Example 1-5. Example 1-5. Title example with site name and location for user orientation<title>molly.com books HTML & CSS</title> Note that the page is titled using the site name, the site section, and the subsection, providing useful information for the visitor. An ineffective example can be seen in Example 1-6. Example 1-6. Title example with site name and location for user orientation<title>Read my books!</title> NOTE Although you cannot use HTML inside a title, you can use character entities, as you can see in Example 1-5, where I used the entity & to create the & symbol. For more information on available character entities, see Appendix A, "XHTML Reference." |
/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
</head>
</html>
| |||||||||||||||||||