HTML/Training/Metadata

From W3C Wiki
< HTML‎ | Training
Jump to: navigation, search

Metadata

The following example represents the document metadata:

<head>
  <meta charset="utf-8">
  <title>About W3C | World Wide Web Consortium(W3C)</title>
  <meta name="description"
        content="The World Wide Web Consortium (W3C) is an international community
        where Member organizations, a full-time staff,
        and the public work together to develop Web standards.">
  <meta name="keywords" content="W3C, HTML, HTML5, XHTML,
        CSS, CSS3, SVG, MathML, WCAG"> 
</head>

character setting

The character encoding used by the document is specified by the charset attribute for the meta element.

<meta charset="utf-8">

See also The meta element.

title

Web page's title is specified by <title>.

  • Title is used in a title bar of Web browsers, user's history, bookmarks, or in search results.
  • You should use titles that identify their documents even when they are used out of context.
<title>About W3C | World Wide Web Consortium(W3C)</title>

try it

Let's create the Web page of the shop of fictitious.
I create the "W3C cafe".


1. describe the Web page's title between <title> ... </title>.

[Example]

<head>
  <meta charset="utf-8">
  <title>HOME | W3C cafe</title>
</head>

2. Check the Web browsers.


See also The title element

Web page's description

Web page's description is specified by <meta name="description">.

  • You describe the Web page's description in the content attribute.
<meta name="description" content="The World Wide Web Consortium (W3C) is an international community
       where Member organizations, a full-time staff, and the public work together to develop Web standards.">

try it

1. Describe the Web page's description. [Example]

<head>
  <meta charset="utf-8">
  <title>About W3C cafe | W3C cafe</title>
  <meta name="description" content="The W3C cafe is .....">
</head>


See also The meta element.

Web page's keywords

Web page's keywords are specified by <meta name="keywords">.

  • You describe the Web page's keywords in the content attribute.
<meta name="keywords" content="W3C, HTML, HTML5, XHTML, CSS, CSS3, SVG, MathML, WCAG"> 

try it

1. Describe the Web page's keywords. [Example]

<head>
  <meta charset="utf-8">
  <title>About W3C cafe | W3C cafe</title>
  <meta name="description" content="The W3C cafe is .....">
  <meta name="keywords" content="W3C cafe, coffee, .....">
</head>


Note: The document metadata introduces here is not all. See also The meta element.


The next chapter introduction the Basic content.