The effectiveness of search engines can also be increased by using the LINK element to specify links to
translations of the document in other languages, links to versions of the document in other media (e.g.,
PDF), and, when the document is part of a collection, links to an appropriate starting point for browsing
the collection. 
Further help is provided in the section on helping search engines index your Web site [p.315] . 
META and PICS
The Platform for Internet Content Selection (PICS, specified in [PICS] [p.329] ) is an infrastructure for
associating labels (meta data) with Internet content. Originally designed to help parents and teachers
control what children can access on the Internet, it also facilitates other uses for labels, including code
signing, privacy, and intellectual property rights management. 
This example illustrates how one can use a META declaration to include a PICS 1.1 label: 
<HEAD>
<META http-equiv="PICS-Label" content='
(PICS-1.1 "http://www.gcf.org/v2.5"
labels on "1994.11.05T08:15-0500"
until "1995.12.31T23:59-0000"
for "http://w3.org/PICS/Overview.html"
ratings (suds 0.5 density 0 color/hue 1))
'>
<TITLE>
... document title ...
</TITLE>
</HEAD>
META and default information
The META element may be used to specify the default information for a document in the following
instances: 
The default scripting language [p.239] . 
The default style sheet language [p.173] . 
The document character encoding [p.37] .
The following example specifies the character encoding [p.37] for a document as being ISO-8859-5 
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-5">
Meta data profiles 
The profile attribute of the HEAD specifies the location of a meta data profile. The value of the 
profile attribute is a URI. User agents may use this URI in two ways: 
As a globally unique name. User agents may be able to recognize the name (without actually
retrieving the profile) and perform some activity based on known conventions for that profile. For
instance, search engines could provide an interface for searching through catalogs of HTML
documents, where these documents all use the same profile for representing catalog entries. 
As a link. User agents may dereference the URI and, perform some activity based on the actual
definitions within the profile (e.g., authorize the usage of the profile within the current HTML
61
7.4.4 Meta data
Pdf reader thumbnails - control SDK platform:C# PDF Thumbnail Create SDK: Draw thumbnail images for PDF in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
Pdf reader thumbnails - control SDK platform:VB.NET PDF Thumbnail Create SDK: Draw thumbnail images for PDF in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Support Thumbnail Generation with Various Options for Quick PDF Navigation
www.rasteredge.com
document). This specification does not define formats for profiles.
This example refers to a hypothetical profile that defines useful properties for document indexing. The
properties defined by this profile -- including "author", "copyright", "keywords", and "date" -- have their
values set by subsequent META declarations. 
<HEAD profile="http://www.acme.com/profiles/core">
<TITLE>How to complete Memorandum cover sheets</TITLE>
<META name="author" content="John Doe">
<META name="copyright" content="&copy; 1997 Acme Corp.">
<META name="keywords" content="corporate,guidelines,cataloging">
<META name="date" content="1994-11-06T08:49:37+00:00">
</HEAD>
As this specification is being written, it is common practice to use the date formats described in 
[RFC2068] [p.328] , section 3.3. As these formats are relatively hard to process, we recommend that
authors use the [ISO8601] [p.327] date format. For more information, see the sections on the 
INS
and 
DEL
elements. 
The scheme attribute allows authors to provide user agents more context for the correct interpretation of
meta data. At times, such additional information may be critical, as when meta data may be specified in
different formats. For example, an author might specify a date in the (ambiguous) format "10-9-97"; does
this mean 9 October 1997 or 10 September 1997? The scheme attribute value "Month-Date-Year" would
disambiguate this date value. 
At other times, the scheme attribute may provide helpful but non-critical information to user agents. 
For example, the following scheme declaration may help a user agent determine that the value of the
"identifier" property is an ISBN code number: 
<META scheme="ISBN"  name="identifier" content="0-8230-2355-9">
Values for the scheme attribute depend on the property name and the associated profile. 
Note. One sample profile is the Dublin Core (see [DCORE] [p.329] ). This profile defines a set of
recommended properties for electronic bibliographic descriptions, and is intended to promote
interoperability among disparate description models. 
7.5 The document body
7.5.1 The BODY element
<!ELEMENT BODY O O (%block;|SCRIPT)+ +(INS|DEL) -- document body -->
<!ATTLIST BODY
%attrs;                              -- %coreattrs, %i18n, %events --
onload          %Script;   #IMPLIED  -- the document has been loaded --
onunload        %Script;   #IMPLIED  -- the document has been removed --
>
62
7.5 The document body
control SDK platform:C# HTML5 PDF Viewer SDK to view PDF document online in C#.NET
XImage.Barcode Reader. XImage.Barcode Generator. File: Compress PDF. Page: Create Thumbnails. Page: Insert PDF Pages. Page: Delete Existing PDF Pages.
www.rasteredge.com
control SDK platform:VB.NET PDF- View PDF Online with VB.NET HTML5 PDF Viewer
XImage.Barcode Reader. XImage.Barcode Generator. File: Compress PDF. Page: Create Thumbnails. Page: Insert PDF Pages. Page: Delete Existing PDF Pages.
www.rasteredge.com
Start tag: optional, End tag: optional
Attribute definitions
background = uri [p.44] [CT] [p.43] 
Deprecated. [p.34] The value of this attribute is a URI that designates an image resource. The image
generally tiles the background (for visual browsers). 
text = color [p.45] [CI] [p.43] 
Deprecated. [p.34] This attribute sets the foreground color for text (for visual browsers). 
link = color [p.45] [CI] [p.43] 
Deprecated. [p.34] This attribute sets the color of text marking unvisited hypertext links (for visual
browsers). 
vlink = color [p.45] [CI] [p.43] 
Deprecated. [p.34] This attribute sets the color of text marking visited hypertext links (for visual
browsers). 
alink = color [p.45] [CI] [p.43] 
Deprecated. [p.34] This attribute sets the color of text marking hypertext links when selected by the
user (for visual browsers). 
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
bgcolor (background color [p.183] ) 
onload, onunload (intrinsic events [p.240] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
The body of a document contains the document's content. The content may be presented by a user agent
in a variety of ways. For example, for visual browsers, you can think of the body as a canvas where the
content appears: text, images, colors, graphics, etc. For audio user agents, the same content may be
spoken. Since style sheets [p.171] are now the preferred way to specify a document's presentation, the
presentational attributes of BODY have been deprecated [p.34] . 
DEPRECATED EXAMPLE:
The following HTML fragment illustrates the use of the deprecated [p.34] attributes. It sets the
background color of the canvas to white, the text foreground color to black, and the color of hyperlinks to
red initially, fuchsia when activated, and maroon once visited. 
63
7.5.1 The BODY element
control SDK platform:VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
Reduce image resources: Since images are usually or large size, images size reducing can help to reduce PDF file size effectively. Embedded page thumbnails.
www.rasteredge.com
control SDK platform:C# PDF Convert to Jpeg SDK: Convert PDF to JPEG images in C#.net
Support of converting from any single one PDF page and multiple pages. Thumbnails can be created from PDF pages. Support for customizing image size.
www.rasteredge.com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
</HEAD>
<BODY bgcolor="white" text="black"
link="red" alink="fuchsia" vlink="maroon">
... document body...
</BODY>
</HTML>
Using style sheets [p.171] , the same effect could be accomplished as follows: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
<STYLE type="text/css">
BODY { background: white; color: black}
A:link { color: red }
A:visited { color: maroon }
A:active { color: fuchsia }
</STYLE>
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
Using external (linked) style sheets gives you the flexibility to change the presentation without revising
the source HTML document: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
<LINK rel="stylesheet" type="text/css" href="smartstyle.css">
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
Framesets and HTML bodies. Documents that contain framesets replace the 
BODY
element by the 
FRAMESET
element. Please consult the section on frames [p.193] for more information. 
64
7.5.1 The BODY element
control SDK platform:C# PDF File Compress Library: Compress reduce PDF size in C#.net
Reduce image resources: Since images are usually or large size, images size reducing can help to reduce PDF file size effectively. Embedded page thumbnails.
www.rasteredge.com
control SDK platform:VB.NET PDF - View PDF with WPF PDF Viewer for VB.NET
XImage.Barcode Reader. XImage.Barcode Generator. File: Compress PDF. Page: Create Thumbnails. Page: Insert PDF Pages. Page: Delete Existing PDF Pages.
www.rasteredge.com
7.5.2 Element identifiers: the id and class attributes
Attribute definitions 
id = name [p.44] [CS] [p.43] 
This attribute assigns a name to an element. This name must be unique in a document. 
class = cdata-list [p.44] [CS] [p.43] 
This attribute assigns a class name or set of class names to an element. Any number of elements may
be assigned the same class name or names. Multiple class names must be separated by white space 
characters.
The id attribute assigns a unique identifier to an element (which may be verified by an SGML parser).
For example, the following paragraphs are distinguished by their id values: 
<P id="myparagraph"> This is a uniquely named paragraph.</P>
<P id="yourparagraph"> This is also a uniquely named paragraph.</P>
The id attribute has several roles in HTML: 
As a style sheet [p.171] selector. 
As a target anchor [p.135] for hypertext links. 
As a means to reference a particular element from a script [p.240] . 
As the name of a declared OBJECT element. 
For general purpose processing by user agents (e.g. for identifying fields when extracting data from
HTML pages into a database, translating HTML documents into other formats, etc.).
The class attribute, on the other hand, assigns one or more class names to an element; the element may
be said to belong to these classes. A class name may be shared by several element instances. The class
attribute has several roles in HTML: 
As a style sheet [p.171] selector (when an author wishes to assign style information to a set of
elements). 
For general purpose processing by user agents.
In the following example, the SPAN element is used in conjunction with the id and class attributes to
markup document messages. Messages appear in both English and French versions. 
<!-- English messages -->
<P><SPAN id="msg1" class="info" lang="en">Variable declared twice</SPAN>
<P><SPAN id="msg2" class="warning" lang="en">Undeclared variable</SPAN>
<P><SPAN id="msg3" class="error" lang="en">Bad syntax for variable name</SPAN>
<!-- French messages -->
<P><SPAN id="msg1" class="info" lang="fr">Variable d&eacute;clar&eacute;e deux fois</SPAN>
<P><SPAN id="msg2" class="warning" lang="fr">Variable ind&eacute;finie</SPAN>
<P><SPAN id="msg3" class="error" lang="fr">Erreur de syntaxe pour variable</SPAN>
65
7.5.2 Element identifiers: the id and class attributes
control SDK platform:C# PDF Convert to Images SDK: Convert PDF to png, gif images in C#
Converter control easy to create thumbnails from PDF pages. Selection for compressing to multiple image formats. Cut and paste any areas in PDF pages to images.
www.rasteredge.com
control SDK platform:C# WPF PDF Viewer SDK to view PDF document in C#.NET
XImage.Barcode Reader. XImage.Barcode Generator. File: Compress PDF. Page: Create Thumbnails. Page: Insert PDF Pages. Page: Delete Existing PDF Pages.
www.rasteredge.com
The following CSS style rules would tell visual user agents to display informational messages in green,
warning messages in yellow, and error messages in red: 
SPAN.info    { color: green }
SPAN.warning { color: yellow }
SPAN.error   { color: red }
Note that the French "msg1" and the English "msg1" may not appear in the same document since they
share the same id value. Authors may make further use of the id attribute to refine the presentation of
individual messages, make them target anchors, etc. 
Almost every HTML element may be assigned identifier and class information. 
Suppose, for example, that we are writing a document about a programming language. The document is to
include a number of preformatted examples. We use the PRE element to format the examples. We also
assign a background color (green) to all instances of the PRE element belonging to the class "example". 
<HEAD>
<TITLE>
... document title ...
</TITLE>
<STYLE type="text/css">
PRE.example { background : green }
</STYLE>
</HEAD>
<BODY>
<PRE class="example" id="example-1">
...example code here...
</PRE>
</BODY>
By setting the id attribute for this example, we can (1) create a hyperlink to it and (2) override class style
information with instance style information. 
Note. The 
id
attribute shares the same name space as the 
name
attribute when used for anchor names.
Please consult the section on anchors with 
id
[p.142] for more information. 
7.5.3 Block-level and inline elements
Certain HTML elements that may appear in BODY are said to be "block-level" while others are "inline"
(also known as "text level"). The distinction is founded on several notions: 
Content model 
Generally, block-level elements may contain inline elements and other block-level elements.
Generally, inline elements may contain only data and other inline elements. Inherent in this structural
distinction is the idea that block elements create "larger" structures than inline elements. 
Formatting 
By default, block-level elements are formatted differently than inline elements. Generally,
block-level elements begin on new lines, inline elements do not. For information about white space,
line breaks, and block formatting, please consult the section on text [p.81] . 
66
7.5.3 Block-level and inline elements
Directionality 
For technical reasons involving the [UNICODE] [p.328] bidirectional text algorithm, block-level and
inline elements differ in how they inherit directionality information. For details, see the section on 
inheritance of text direction [p.75] . 
Style sheets [p.171] provide the means to specify the rendering of arbitrary elements, including whether
an element is rendered as block or inline. In some cases, such as an inline style for list elements, this may
be appropriate, but generally speaking, authors are discouraged from overriding the conventional
interpretation of HTML elements in this way. 
The alteration of the traditional presentation idioms for block level and inline elements also has an impact
on the bidirectional text algorithm. See the section on the effect of style sheets on bidirectionality [p.79] 
for more information. 
7.5.4 Grouping elements: the DIV and SPAN elements
<!ELEMENT DIV - - (%flow;)*            -- generic language/style container -->
<!ATTLIST DIV
%attrs;                              -- %coreattrs, %i18n, %events --
>
<!ELEMENT SPAN - - (%inline;)*         -- generic language/style container -->
<!ATTLIST SPAN
%attrs;                              -- %coreattrs, %i18n, %events --
>
Start tag: required, End tag: required
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
align (alignment [p.183] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic
mechanism for adding structure to documents. These elements define content to be inline (SPAN) or
block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these
elements in conjunction with style sheets [p.171] , the lang attribute, etc., to tailor HTML to their own
needs and tastes. 
Suppose, for example, that we wanted to generate an HTML document based on a database of client
information. Since HTML does not include elements that identify objects such as "client", "telephone
number", "email address", etc., we use DIV and SPAN to achieve the desired structural and presentational
effects. We might use the TABLE element as follows to structure the information: 
67
7.5.4 Grouping elements: the DIV and SPAN elements
<!-- Example of data from the client database: -->
<!-- Name: Stephane Boyera, Tel: (212) 555-1212, Email: sb@foo.org -->
<DIV id="client-boyera" class="client">
<P><SPAN class="client-title">Client information:</SPAN>
<TABLE class="client-data">
<TR><TH>Last name:<TD>Boyera</TR>
<TR><TH>First name:<TD>Stephane</TR>
<TR><TH>Tel:<TD>(212) 555-1212</TR>
<TR><TH>Email:<TD>sb@foo.org</TR>
</TABLE>
</DIV>
<DIV id="client-lafon" class="client">
<P><SPAN class="client-title">Client information:</SPAN>
<TABLE class="client-data">
<TR><TH>Last name:<TD>Lafon</TR>
<TR><TH>First name:<TD>Yves</TR>
<TR><TH>Tel:<TD>(617) 555-1212</TR>
<TR><TH>Email:<TD>yves@coucou.com</TR>
</TABLE>
</DIV>
Later, we may easily add style sheet declaration to fine tune the presentation of these database entries. 
For another example of usage, please consult the example in the section on the class and id attributes 
[p.65] . 
Visual user agents generally place a line break before and after DIV elements, for instance: 
<P>aaaaaaaaa<DIV>bbbbbbbbb</DIV><DIV>ccccc<P>ccccc</DIV>
which is typically rendered as: 
aaaaaaaaa
bbbbbbbbb
ccccc
ccccc
7.5.5 Headings: The H1, H2, H3, H4, H5, H6 elements
<!ENTITY % heading "H1|H2|H3|H4|H5|H6">
<!--
There are six levels of headings from H1 (the most important)
to H6 (the least important).
-->
<!ELEMENT (%heading;)  - - (%inline;)* -- heading -->
<!ATTLIST (%heading;)
%attrs;                              -- %coreattrs, %i18n, %events --
>
68
7.5.5 Headings: The H1, H2, H3, H4, H5, H6 elements
Start tag: required, End tag: required
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
title (element title [p.57] ) 
style (inline style information [p.174] ) 
align (alignment [p.183] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
A heading element briefly describes the topic of the section it introduces. Heading information may be
used by user agents, for example, to construct a table of contents for a document automatically. 
There are six levels of headings in HTML with H1 as the most important and H6 as the least. Visual
browsers usually render more important headings in larger fonts than less important ones. 
The following example shows how to use the DIV element to associate a heading with the document
section that follows it. Doing so allows you to define a style for the section (color the background, set the
font, etc.) with style sheets. 
<DIV class="section" id="forest-elephants" >
<H1>Forest elephants</H1>
<P>In this section, we discuss the lesser known forest elephants.
...this section continues...
<DIV class="subsection" id="forest-habitat" >
<H2>Habitat</H2>
<P>Forest elephants do not live in trees but among them.
...this subsection continues...
</DIV>
</DIV>
This structure may be decorated with style information such as: 
<HEAD>
<TITLE>
... document title ...
</TITLE>
<STYLE type="text/css">
DIV.section { text-align: justify; font-size: 12pt}
DIV.subsection { text-indent: 2em }
H1 { font-style: italic; color: green }
H2 { color: green }
</STYLE>
</HEAD>
Numbered sections and references
HTML does not itself cause section numbers to be generated from headings. This facility may be offered
by user agents, however. Soon, style sheet languages such as CSS will allow authors to control the
generation of section numbers (handy for forward references in printed documents, as in "See section 
7.2"). 
69
7.5.5 Headings: The H1, H2, H3, H4, H5, H6 elements
Some people consider skipping heading levels to be bad practice. They accept 
H1 H2 H1
while they do
not accept 
H1 H3 H1
since the heading level 
H2
is skipped. 
7.5.6 The ADDRESS element
<!ELEMENT ADDRESS - - (%inline;)* -- information on author -->
<!ATTLIST ADDRESS
%attrs;                              -- %coreattrs, %i18n, %events --
>
Start tag: required, End tag: required
Attributes defined elsewhere 
id, class (document-wide identifiers [p.65] ) 
lang (language information [p.71] ), dir (text direction [p.73] ) 
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, 
onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events [p.240] )
The ADDRESS element may be used by authors to supply contact information for document or a major
part of a document such as a form. This element often appears at the beginning or end of a document. 
For example, a page at the W3C Web site related to HTML might include the following contact
information: 
<ADDRESS>
<A href="../People/Raggett/">Dave Raggett</A>, 
<A href="../People/Arnaud/">Arnaud Le Hors</A>, 
contact persons for the <A href="Activity">W3C HTML Activity</A><BR> 
$Date: 1998/04/02 00:20:03 $
</ADDRESS>
70
7.5.6 The ADDRESS element
Documents you may be interested
Documents you may be interested