×÷ Õß Ó¦ µ± ÔÚ Ã¿ Ò» ·Ö ÎÄ µµ µÄ µÚ 1 ÐÐ °ü À¨ Ò» ¸ö Èç Ï µÄ Àà ËÆ Éù Ã÷:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">Éù Ã÷ µÄ ×î ºó Á½ ¸ö ×Ö Ä¸ Ö¸ HTML DTD µÄ Óï ÑÔ, ÔÚ ´Ë Àý Ϊ Ó¢ Óï ("EN"). Óà »§ ´ú Àí Æ÷ ¿É ÄÜ ºö ÂÔ ´Ë ЊϢ.
×÷ Õß ¿É ÒÔ ¸ù ¾Ý Óë Ëü ÃÇ µÄ ÎÄ µµ Ïà ÒË µÄ HTML µÄ °æ ±¾ ʹ Óà Æä Ëü ÐΠʽ µÄ Ãè Êö. HTML 4.0 ½¨ Òé µÄ ÎÄ µµ ÐΠʽ Ϊ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">Ö¸ ³ö ÎÄ µµ ×ñ Ñ HTML 4.0 ²Ý °¸ ¹æ ¸ñ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">»ò
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">Ôò Ö¸ ³ö ÁË ÎÄ µµ ×ñ Ñ HTML 4.0 ×î ºó ¹æ ¸ñ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">Ôò Ö¸ Ã÷ ÎÄ µµ ×ñ ÊØ Ïê ¾¡ µÄ HTML 4.0 ¹æ ¸ñ.
µ± Äú ´ò Ëã ¶Ô ÎÄ µµ ÊÊ µ± µØ ²» ʹ Óà HTML ³Â Êö µÄ Ôª ËØ ºÍ ÌØ ÐÔ, Èç ¶ÔÆë(align) ÌØ ÐÔ Ê± ¿É ÓÃ:
<!DOCTYPE HTML SYSTEM "http://www.w3.org/MarkUp/Cougar/relaxed.dtd">±í ʾ ×ñ Ñ W3C Web ½Ú µã µÄ DTD
<!DOCTYPE HTML SYSTEM "http://www.w3.org/MarkUp/Cougar/strict.dtd">Ôò ±í ʾ ´ò Ëã ÑÏ ¸ñ ×ñ Ñ W3C Web ½Ú µã µÄ DTD
<!ENTITY % version "version CDATA #FIXED '%HTML.Version;> <!ENTITY % html.content "HEAD, (FRAMESET|BODY)"> <!ELEMENT HTML O O (%html.content)> <!ATTLIST HTML %version; %i18n; -- lang, dir -- >¿ª ʼ ±ê ¼Ç: ¿É Ñ¡, ½á Êø ±ê ¼Ç: ¿É Ñ¡ ÔÚ °æ ±¾ ЊϢ ºó, Ò» ·Ý HTML ÎÄ µµ Ê£ Óà µÄ Ê ¾Í ÊÇ °ü º¬ HTML Ôª ËØ. Òò ´Ë, Ò» ·Ý µä ÐÍ µÄ HTML ÎÄ µµ ¾ß ÓÐ ÒÔ Ï ½á ¹¹:
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Draft//EN> <HTML> ...The head, body, etc. goes here... </HTML>
<!-- %head.misc defined earlier on as "SCRIPT | STYLE | META | LINK" --> <!ENTITY % head.content "TITLE & ISINDEX & BASE"> <!ELEMENT HEAD O O (%head.content) +(%head.misc)> <!ATTLIST HEAD %i18n; -- lang, dir -- profile %URL #IMPLIED -- named dictionary of meta info -- >¿ª ʼ ±ê ¼Ç: ¿É Ñ¡, ½á Êø ±ê ¼Ç: ¿É Ñ¡
<!ELEMENT TITLE - - (#PCDATA)* -(%head.misc) -- The TITLE element is not considered part of the flow of text. It should be displayed, for example as the page header or window title. Exactly one title is required per document. --> <!ATTLIST TITLE %i18n>¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª ÿ Ò» ¸ö HTML ÎÄ µµ ±Ø Ðë HEAD ²¿ ·Ö °ü À¨ Ò» ¸ö Õý È· µÄ TITLE Ôª ËØ. Óà »§ ´ú Àí Æ÷ ͨ ³£ ͨ ¹ý ±ê Ìâ À´ ¸ø ÈË ÃÇ Ò» Щ ¸Å Äî, Èç °Ñ ±ê Ìâ ×÷ Ϊ ˵Ã÷ ´Ê, »ò °Ñ Ëü ¶Á ³ö À´.
±ê Ìâ ¿É ÒÔ °ü º¬ <HTML>
<HEAD>
<TITLE>A study of population dynamics</TITLE>
... other head elements...
</HEAD>
<BODY>
... document body...
</BODY>
</HTML>
Ïà Ó¦ ÓÚ TITLE Ôª ËØ µÄ ÊÇ
title ÌØ ÐÔ.
µ± Ç° µÄ HTML ˵ Ã÷ Êé ÔÊ Ðí ×÷ Õß Èç Ï ָ ¶¨ Ëû ÃÇ ÎÄ µµ µÄ ·û ºÏ
ЊϢ:
¶Ô ÓÚ Ï ÁÐ µÄ ÌØ ÐÔ, Ëü ÃÇ µÄ ÔÊ Ðí µÄ Öµ ºÍ ½â Òë ·½ ʽ È¡ ¾ö ÓÚ ÂÖÀªÃèÊö:
name ÌØ ÐÔ Ö¸ ¶¨ Êô ÐÔ ¶ø content
ÌØ ÐÔ Ôò Ö¸ ¶¨ Êô ÐÔ µÄ Öµ. Àý Èç,
...some text...
Here's a photo of
<A href="http://someplace.com/neatstuff.gif" title="Me scuba diving">
me scuba diving last summer
</A>
...some more text...
µ± ʹ Óà LINK Ôª ËØ À´ Ö¸ ¶¨
Ò» ·Ý title
aÌØ ÐÔ ÓÐ Ò» ¸ö ¶î Íâ µÄ ×÷ ÓÃ. ¹Ø ÓÚ Ï¸ ½Ú Çë ²Î ÔÄ Ïà Ó¦ µÄ µ¥ ½Ú.
·ûºÏÐÅÏ¢
µ± Õâ ·Ý Ëµ Ã÷ Êé Íê ¸å ʱ, Ðí ¶à ¹Ø ÓÚ ÔÊ Ðí ×÷ Õß ·Ö Åä ¸ü ¸» ÓÐ µÄ
ÎÄ µµ Ò× ¶Á ЊϢ ºÍ Æä Ëü HTML ÎÄ µµ Íø Âç Ò× Óà ×Ê Ô´ µÄ ·½ ·¨ ÒÑ ¾
µÃ µ½ Ìá Òé.
×¢ Òâ Òò Ϊ Ò» ¸ö ÂÖ Àª ¶¨ Òå ÓÚ HEAD
Ôª ËØ, ͬ Ò» ¸ö ÂÖ Àª Ò² Ó¦ Óà ÁË ÎÄ µµ Í· ÖÐ µÄ Ëù ÓÐ µÄ META
ºÍ LINK Ôª ËØ.
META ÔªËØ
<!ELEMENT META - O EMPTY -- Generic Metainformation -->
<!ATTLIST META
%i18n; -- lang, dir, for use with content string --
http-equiv NAME #IMPLIED -- HTTP response header name --
name NAME #IMPLIED -- metainformation name --
content CDATA #REQUIRED -- associated information --
scheme CDATA #IMPLIED -- select form of content --
>
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
<META name="Author" content="Dave Raggett">
lang ÌØ ÐÔ ¿É Óë META
Ò» Æð ʹ Óà À´ Ö¸ ¶¨ content
ÌØ ÐÔ Öµ µÄ Óï ÑÔ. Õâ ÔÊ Ðí Óï Òô ϵ ͳ ¸ù ¾Ý ·¢ Òô ¹æ ¸ñ À´ Ó¦ Óà Óï ÑÔ.
<META name="Author" lang="fr" content="Arnaud Le Hors">
<META name="refresh" content="3,http://www.acme.com/intro.html">
Õâ ¸ö ÄÚ ÈÝ ÖÐ µÄ Êý ×Ö Ö¸ ¶¨ ÁË ÑÓ Ê± Ãë Êý, ÔÚ URL ±» µ÷ Èë ºó ¼Æ ʱ
¿ª ʼ. Õâ ¸ö ½á ¹¹ ͨ ³£ ±» Óà À´ Ïò Óà »§ Õ¹ ʾ Ò» ¸ö ·É ¿ì µÄ ½é ÉÜ.
²» ¹ý, ÓÉ ÓÚ Ä³ Щ Óà »§ ´ú Àí Æ÷ ²» Ìá ¹© Õâ ¸ö ½á ¹¹, ×÷ Õß Ó¦ µ± ÔÚ
½é ÉÜ Ò³ ÖÐ °ü º¬ Õâ ¸ö ÄÚ ÈÝ À´ Òý µ¼ Óà »§ ÈÆ ¿ª Ëü (Ëù ÒÔ »¹ ²» ×÷ Ϊ
±£ Áô µÄ ½é ÉÜ Ò³ µÄ "×é ³É ²¿ ·Ö").
META ºÍ HTTP Í·
http-equiv ÌØ ÐÔ ¿É
ÒÔ Óà ÔÚ name ÌØ ÐÔ µÄ λ Öà ÉÏ ²¢ ÇÒ ÔÚ ÎÄ µµ ͨ ¹ý ³¬ ÎÄ ±¾
´« Êä Ð Òé (Hypertext Transfer Protocol, HTTP) »Ö ¸´ ʱ ÓÐ Æä ÌØ Êâ µÄ
ÖØ Òª ÐÔ. HTTP ·þ Îñ Æ÷ ¿É ÒÔ Ê¹ Óà http-equiv
ÌØ ÐÔ Ö¸ ¶¨ µÄ Êô ÐÔ Ãû ³Æ ÔÚ HTTP Ïì Ó¦ ÖÐ Éú ³É Ò» ¸ö [RFC2068]).
<META http-equiv="Expires" content="Tue, 20 Aug 1996 14:25:27 GMT">
»á ʹ HTTP Í· ±í ÏÖ Îª:
Expires: Tue, 20 Aug 1996 14:25:27 GMT
Õâ ¿É ÒÔ Èà »º ³å À´ ¾ö ¶¨ ºÎ ʱ È¡ µÃ Ò» ·Ý ¹Ø Áª ÎÄ µµ µÄ Ë¢ Р°æ ±¾.
META ºÍËÑË÷ÒýÇæ
META µÄ ͨ ³£ Óà ´¦ ÊÇ Ö¸
¶¨ ËÑ Ë÷ Òý Çæ Óà À´ Ìá ¸ß ËÑ Ë÷ ÖÊ Á¿ µÄ ¹Ø ¼ü ´Ê. µ± Êý ¸ö META
Ôª ËØ Ìá ¹© ÎÄ µµ Óï ÑÔ ´Ó Êô ЊϢ ʱ, ËÑ Ë÷ Òý Çæ »á ʹ Óà lang
ÌØ ÐÔ À´ ¹ý ÂË ²¢ ͨ Óà Óà »§ µÄ Óï ÑÔ ÓÅ ÏÈ ²Î ÕÕ À´ ÏÔ Ê¾ ËÑ Ë÷ ½á ¹û.
Àý Èç:
<META name="keywords" lang="en"
content="vacation,Greece,sunshine">
<META name="keywords" lang="fr"
content="vacances,Grèce,soleil">
ËÑ Ë÷ Òý Ë÷ µÄ Ч Á¦ Ò² ¿É ÒÔ Í¨ ¹ý ʹ Óà LINK
Ôª ËØ À´ Ö¸ ¶¨ ת »» ·½ ¹¤ À´ Ìá ¸ß, Æä ÖÐ Æä Ëü Óï ÑÔ ÎÄ µµ, Á´ ½Ó µ½
ÎÄ µµ °æ ±¾ µÄ Æä Ëü ý Ìå ¸ñ ʽ (Èç PDF) ÒÔ ¼° µ± ÎÄ µµ ÊÇ Ò» ¸ö ¼¯ ºÏ
µÄ ²¿ ·Ö, Á´ ½Ó µ½ ä¯ ÀÀ ¼¯ µÄ ÊÊ ÒË ¿ª ʼ ´¦ µÈ µÈ.
META ºÍ PICS
»¥ Áª Íø ÄÚ ÈÝ Ñ¡ Ôñ (Internet Content Selection) Õâ ¸ö Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Èç ºÎ Ê¹ Óà META
Éù Ã÷ À´ °ü º¬ Ò» ¸ö PICS 1.1 ±ê Ç©:
<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>..title goes here..</TITLE>
</HEAD>
<BODY>
...the body...
</BODY>
META ÓëȱʡÐÅÏ¢
META Ôª ËØ ¿É ÒÔ ÔÚ ÏÂ Àý
ÖÐ Ö¸ ¶¨ ÎÄ µµ µÄ ȱ Ê¡ ЊϢ:
·ûºÏÊý¾ÝµÄÂÖÀªÃèÊö
HEAD µÄ profile
ÌØ ¶¨ Ö¸ ¶¨ ÁË ·û ºÏ Êý ¾Ý µÄ ÂÖ Àª Ãè Êö µÄ λ ÖÃ. profile
ÌØ ÐÔ µÄ Öµ ÊÇ Í³ Ò» ×Ê Ô´ ¶¨ λ Æ÷. Óà »§ ´ú Àí Æ÷ ¿É ÒÔ ÒÔ Á½ ÖÖ Í¾ ¾¶
À´ ʹ Óà ͳ Ò» ×Ê Ô´ ¶¨ λ Æ÷: