DOCUMENT BASIC SETTINGS

NCD HTML Design Guide v6.0

Sponsor's ADs:

Document Type Declaration

<!DOCTYPE ...>

Specifies the DTD (Document Type Definition) to declare the HTML version used in the document. Old browsers support !DOCTYPE but with no effect for rendering.

Strict DTD
All elements and attributes defined in HTML 4.01 except deprecated and frameset.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

            "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

Transitional DTD
Strict DTD + deprecated elements and attributes


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Frameset DTD
Transitional DTD + Frames


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Change Rendering Modes

DOCTYPE
HTML4.01	URL	S	S
HTML4.01	no URL	S	S
HTML4.01 Strict	URL	S	S
HTML4.01 Strict	no URL	S	S
HTML4.01 Transitional	URL	S	S
HTML4.01 Transitional	no URL	Q	Q
HTML4.01 Frameset	URL	S	S
HTML4.01 Frameset	no URL	Q	Q
No DOCTYPE		Q	Q

Netscape 6 and Internet Explorer 6 has two rendering modes and switching by <!DOCTYPE> :

S ... standards-compliant mode
Page is rendered in standard behavior according to the HTML & CSS specification.

Q ... quirks mode
Page is rendered in non-standard behavior same as old browsers.

Document Structures

<html>...</html>
<head>...</head>
<body>...</body>

<HTML>
<HEAD>
     <title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
     Body of the document
</BODY>
</HTML>

Document Information

<title> # <title>
#=Document Title

<title> HTML Design Guide <title>

<meta http-equiv="#1" content="#2">
#1=Expires, Keywords, Reply-to, Author
#2=Information about #1

<meta http-equiv="Keywords" content="travel, Japan, hotel">

<link rel=#1 href=#2>
#1=Relationship to destination
#2=URL

<link rel="Index" href="../index.htm">
<link rel="Next" href="020font.htm">

Language Information

Character Encoding
<meta http-equiv="Content-Type"
content="text/html;charset=#">

#= Charset Label

Name Label

US-ASCII us-ascii

Western European (ISO) iso-8859-1

Japanese (JIS) iso-2022-jp

Japanese (Shift-JIS) shift_jis

Japanese (EUC) euc-jp

Name Label

Korean (EUC) euc-kr

Chinese Traditional (Big5) big5

Arabic (Windows) windows-1256

Unicode (UTF-7) utf-7

Unicode (UTF-8) utf-8

Name	Label
US-ASCII	us-ascii
Western European (ISO)	iso-8859-1
Japanese (JIS)	iso-2022-jp
Japanese (Shift-JIS)	shift_jis
Japanese (EUC)	euc-jp

Name	Label
Korean (EUC)	euc-kr
Chinese Traditional (Big5)	big5
Arabic (Windows)	windows-1256
Unicode (UTF-7)	utf-7
Unicode (UTF-8)	utf-8

More Charset Label List on IANA or Internet Explorer

Language of Content
<html lang="#">

#=Language Code

Language Name Two Letter Code

English en

English (Great Britain) en-gb

Japanese ja

Korean ko

Chinese zh

Language Name Two Letter Code

Spanish es

French fr

German de

Italian it

Arabic ar

Language Name	Two Letter Code
English	en
English (Great Britain)	en-gb
Japanese	ja
Korean	ko
Chinese	zh

Language Name	Two Letter Code
Spanish	es
French	fr
German	de
Italian	it
Arabic	ar

More two-letter codes on ISO639, and possible language codes on Internet Explorer.

Document Refresh

<meta http-equiv="refresh" content="#1">
#1=Refresh Time

<meta http-equiv="refresh" content="5">

Refresh Test

<meta http-equiv="refresh" content="#1; URL=#2">
#1=Refresh Time, #2=URL

<meta http-equiv="refresh" 
 content="5; URL=second.htm">

Refresh Test (first.htm)

Style Sheet Elements

<link rel="stylesheet" type="text/css" HREF=#>

Further Info: Style Sheet Guide "Linking Style Sheet"

<style type="text/css">

Further Info: Style Sheet Guide "Embedding Style Sheet"

Network Communication Design - /
Copyright & Publishing 1994-2008 Network Communication Design

DOCUMENT BASIC SETTINGS

Document Type Declaration

<!DOCTYPE ...>

Strict DTD All elements and attributes defined in HTML 4.01 except deprecated and frameset.

Transitional DTD Strict DTD + deprecated elements and attributes

Frameset DTD Transitional DTD + Frames

Change Rendering Modes

S ... standards-compliant mode Page is rendered in standard behavior according to the HTML & CSS specification.

Q ... quirks mode Page is rendered in non-standard behavior same as old browsers.