Á´½Ó
Ö± µ½ ÏÖ ÔÚ, Õâ ·Ý Ëµ Ã÷ Êé ÖÐ ÒÑ ¾ ´¦ Àí ÁË ÔÚ HTML ½á ¹¹ ·½ Ãæ °Ñ Ò»
¸ö ½á ¹¹ ¼Ó µ½ µ¥ Ò» µÄ ÎÄ µµ. ÔÚ ±¾ Õ ÖÐ, ÎÒ ÃÇ ½é ÉÜ ÔÊ Ðí ×÷ Õß ÔÚ
ÎÄ µµ Ö® ¼ä ½¨ Á¢ Á´½Ó µç ÄÔ ·½ Ãæ µÄ Ë¼ · Óë ½á
¹¹.
·¾¶ÐÅÏ¢: BASE ÔªËØ
<!ELEMENT BASE - O EMPTY>
<!ATTLIST BASE
href %URL #REQUIRED
target CDATA #IMPLIED -- where to render linked resource --
>
¿ª ʼ ±ê ¼Ç: Ðè Òª , ½á Êø ±ê ¼Ç: ½û Ö¹
ÌØ ÐÔ ¶¨ Òå
href = url
Õâ ¸ö ÌØ ÐÔ Ö¸ ¶¨ ÁË Ò» ¸ö Íê È« µÄ URL ²¢ ×÷ Ϊ »ù URL À´ ½â ¾ö Ïà ¶Ô
URL.
ÔÚ Á´ ½Ó µ½ Áí Ò» ¸ö ÎÄ µµ »ò °ü º¬ Ò» ¸ö Îï ¼þ ÊÇ Â· ¾¶ ÊÇ Ò» ¸ö ÖØ Òª
µÄ ÎÊ Ìâ. ÔÚ HTML ÖÐ, · ¾¶ ЊϢ ¾ ³£ ͨ ¹ý URL
À´ Ö¸ ¶¨. Ïà ¶Ô URL ¸ù ¾Ý »ù URL À´ ¾ö ¶¨, Ëü ¿É ÄÜ À´ ×Ô ÓÚ ²» ͬ µÄ Ô´
(²Î ¼û ¹Ø ÓÚ »ù URL ЊϢ µÄ Ïà¶Ô
URL ÕÂ ½Ú). BASE Ôª ËØ
¿É ÒÔ Èà ×÷ Õß ÏÔ Ê½ µØ À´ Ö¸ ¶¨ Ò» ¸ö ÎÄ µµ µÄ »ù URL.
µ± ³Â Êö µÄ ʱ ºò, BASE Ôª ËØ ±Ø Ðë ³ö ÏÖ ÓÚ HTML µÄ HEAD
²¿ ·Ö. BASE Ôª ËØ µÄ ·¶ Χ Ö» ÏÞ ÓÚ µ± Ç° ÎÄ µµ.
Àý Èç, ¸ø ¶¨ Ï ÁÐ µÄ
BASE
Éù Ã÷:
<HTML>
<HEAD>
<BASE href="http://www.barre.fr/fou/intro.html">
</HEAD>
...
</HTML>
Ïà ¶Ô URL "../gee/foo.html" ½« ³É Ϊ:
http://www.barre.fr/gee/foo.html
Á´½ÓºÍ êµã
HTML Á´ ½Ó ÊÇ Ò» ¸ö Web ×Ê Ô´ ºÍ Áí Ò» ¸ö µÄ Á¬ ½Ó. Ëä È» ÊÇ Ò» ¸ö ·Ç ³£
¼ò µ¥ µÄ ¸Å º¬, Á´ ½Ó È´ ÊÇ Ò» ¸ö µ± Ç° Web Èç ´Ë ³É ¹¦ µÄ ¹Ø ¼ü Ô Òò
¶¨ÒåÁ´½ÓºÍêµã
HTML Á´ ½Ó ÓÐ Á½ ¸ö ¶Ë µã ºÍ Ò» ¸ö ·½ Ïò. Á´ ½Ó ¿ª ʼ ÓÚ "Ô´" ¶Ë ²¢ Ö¸
Ïò "Ä¿ ±ê" ¶Ë.
ÿ ¸ö Á´ ½Ó ¶¨ Òå ¶¼ Ö¸ ¶¨ ÁË Á´ ½Ó µÄ Ô´ ºÍ Ä¿ ±ê. Ò» ¶Ë ¾ ³£ ÔÚ ´æ
ÔÚ µÄ Á´ ½Ó ¶¨ ÖÐ ±» ¶¨ Òå. Áí Ò» ¶Ë Ôò ͨ ¹ý Ò» ¸ö Á´ ½Ó ÌØ ÐÔ À´ Ö¸ ¶¨.
Ò» ¸ö Á´ ½Ó ¶Ë Ö¸ Web ×Ê Ô´, Èç Ò» ¸ö HTML ÎÄ µµ, Ò» ¸ö ͼ Ïñ, Ò» ¸ö
Ó° Ïñ ¿é, Ò» ¶Î Éù Òô, Ò» ¸ö ³Ì ʽ, µ± Ç° ÎÄ µµ µÈ. Ò» ¸ö Á´ ½Ó ¶Ë Ò² Ö¸
Ò» ¸ö ê µã. Ò» ¸ö ê µã ÊÇ ÔÚ HTML ÎÄ µµ ÖÐ ÒÑ Ãü Ãû µÄ Çø Óò.
Õâ ¸ö Çø Óò ¿É ÒÔ °ü º¬ ÎÄ ×Ö »ò Æä Ëü µÄ Îï ¼þ.
ʹÓÃÁ´½Ó
ÔÚ Õâ ÖÖ ·½ ʽ Ï µÄ ¶¨ Òå, Á´ ½Ó û ÓÐ ¼Ì ³Ð Óï Òâ, Ëü ÃÇ Ö» ͬ Ô´ ºÍ
Ä¿ ±ê Áª ϵ. È» ¶ø, Á´ ½Ó Ò² °ü À¨ ÐΠʽ ЊϢ (ype information)
ÔÊ Ðí Óà »§ ´ú Àí Æ÷ ÒÔ ÓРȤ µÄ ·½ ʽ À´ ½â Òë Ëü ÃÇ.
µ± È», Á´ ½Ó ×î ¹ã ·º µÄ ʹ Óà ÊÇ È¡ »Ø Æä Ëü µÄ Web ×Ê Ô´ (Àý
Èç: ͨ ¹ý °´ Êó ±ê ¼ü, ͨ ¹ý Ò» ¸ö Óï Òô Ãü Áî À´ ×Ê Ô´ Á´ ½Ó).
ÎÞ ÂÛ Èç ºÎ, Web-³åÀË ²¢ ²» Ö» ÊÇ Á´ ½Ó µÄ Ψ Ò» Óà ´¦. Àý Èç, ×÷ Õß
¿É ÒÔ ÔÚ Ò» ϵ ÎÄ µµ ÖÐ Ö¸ ¶¨ "ºó Ò³" ºÍ "Ç° Ò³" µÄ Á´ ½Ó. Óà »§ ´ú Àí
Æ÷ ½« °Ñ Õâ Щ äÖ È¾ ³É µ¼ º½ ¹¤ ¾ß ¶ø ²» ½ö ÊÇ ÎÄ µµ µÄ ²¿ ·Ö ÄÚ ÈÝ.
Àà ËÆ µÄ, ×÷ Õß ¿É ÒÔ Óà Á´ ½Ó À´ ¶¨ Òå Ò» ϵ ÁÐ ÎÄ µµ µÄ ´ò Ó¡ ´Î Ðò.
Óà »§ ´ú Àí ¿É ÒÔ ¸ù ¾Ý Õâ Щ Á´ ½Ó À´ Éú ³É Ò» ·Ý ÊÖ ²á »ò Êé ±¾ µÄ ±ß
¹á µÄ ´ò Ó¡ °æ ±¾.
ÖÆ×÷Á´½ÓÍ·ºÍβ
ÔÚ ¶¨ Òå ÖÐ, Ò» ¸ö Á´ ½Ó ÓÐ Á½ ¸ö ¶Ë µã (Ô´ ºÍ Ä¿ µÄ), Æä ÖÐ Ò» ¸ö ÔÚ Á´
½Ó ³ö ÏÖ µÄ ʱ ºò ±» Ö¸ ¶¨. µ« ÊÇ ²» Ëü ½á Êø µÄ Á´ ½Ó µÄ Ô´ »ò Ä¿ µÄ?
Ïë Ïó Ò» Ï Èç ¹û Äã ÊÇ Ò» ¸ö Óà HTML д Êé µÄ ×÷ Õß, ²¢ ÇÒ Äã Ï£ Íû
×÷ Õß ´Ó Í· ¶Á µ½ β, Ò» Õ һ Õ ½Ó ×Å ¶Á. Èç ¹û ÿ Ò» Õ ¶¼ ÊÇ Ò» ¸ö
·Ö ¿ª µÄ HTML ÎÄ µµ ÖÐ, Äã ÄÜ Í¨ ¹ý Á´ ½Ó À´ ×é Ö¯ ´Î Ðò ЊϢ: ÿ ¸ö ÎÄ
µµ °ü À¨ Á½ ¸ö Á´ ½Ó, Ò» ¸ö Ö¸ Ïò Ç° Ò» Õ ¶ø Áí Ò» ¸ö Ö¸ Ïò ºó Ò» ÕÂ.
Õâ ¸ö Ç° Õ Á´ ½Ó Ö¸ Ã÷ µ± Ç° ÎÄ µµ ÊÇ Ç° Õ µÄ Ä¿ µÄ µØ Ô´ Ôò ´æ ÔÚ ÓÚ
Ç° Ãæ µÄ Õ ½Ú ÖÐ. ºó Õ Á´ ½Ó Ö¸ ³ö Ô´ ÔÚ µ± Ç° ÎÄ µµ ¶ø Ä¿ µÄ ÔÚ Ï һ
ÕÂ. Ϊ ÁË ÔÚ Á´ ½Ó ÖÐ ¼Í ¼ Õâ Щ ½á ¹¹ ЊϢ, Äã ÔÊ Ðí Óà »§ ´ú Àí Æ÷
ÒÔ Ò» Щ ¸Ð ÐË È¤ µÄ ·½ ·¨ À´ ±í ÏÖ Ëü ÃÇ, Èç µ¼ º½ °´ Å¥, ²Ë µ¥ µÈ µÈ.
rel ÌØ ÐÔ Ö¸ Ã÷ ÁË Á´ ½Ó
¶¨ Òå Ϊ Ëü µÄ Ô´ ´æ ÔÚ ÓÚ µ± Ç° ÎÄ µµ. ¶ø rev
ÌØ ÐÔ Ôò Ö¸ Ã÷ Á´ ½Ó ¶¨ Òå Ϊ Ëü µÄ Ä¿ µÄ ´æ ÔÚ ÓÚ µ± Ç° ÎÄ µµ. ´Ë Íâ,
Õâ Щ ÌØ ÐÔ µÄ Öµ ¸ø Óè Óà »§ ´ú Àí Æ÷ Ò» Щ ¹Ø ÓÚ ×Ê Ô´ λ ÓÚ Á´ ½Ó Áí
Ò» ¶Ë µÄ ÐΠʽ µÄ ЊϢ. ½« ÔÚ ºó Ãæ ¾Ù Àý.
¶¨ÒåÁ´½ÓµÄÔªËØ
ÓÐ Á½ ÖÖ HTML Ôª ËØ Óà À´ ¶¨ Òå Á´ ½Ó: LINK
ºÍ A .
LINK Ôª ËØ Ö» ÄÜ ³ö ÏÖ ÓÚ
HTML ÎÄ µµ µÄ Òýµ¼(HEAD) ¶Î.
Ëü ¶¨ Òå ÁË µ± Ç° ÎÄ µµ ºÍ Áí Ò» ¸ö ×Ê Ô´ Ö® ¼ä µÄ Áª ϵ. ¼´ ʹ LINK
û ÓÐ ÄÚ ÈÝ, ¶ø Ëü ¶¨ Òå µÄ Áª ϵ ÒÀ È» »á ±» ij Щ Óà »§ ´ú Àí Æ÷ äÖ È¾.
A Ôª ËØ Ö» ÄÜ ³ö ÏÖ ÓÚ ÎÄ µµ
µÄ Ö÷¸É(BODY) ²¿ ·Ö. Ëü ¶¨
Òå ÁË µ± Ç° ÎÄ µµ ÖРij ¸ö Çø Óò Óë Áí Ò» ¸ö ×Ê Ô´ Ö® ¼ä µÄ Áª ϵ.Æä Ëü.
A ÖÐ µÄ ÄÚ ÈÝ (ÎÄ ±¾, ͼ Ïñ µÈ)
½« ±» ÒÔ ºó µÄ ÎÄ µµ ÄÚ ÈÝ äÖ È¾. Óà »§ ´ú Àí Æ÷ ͨ ³£ ¸ß ÁÁ ¶È ÏÔ Ê¾ Õâ
¸ö ÄÚ ÈÝ À´ Ö¸ ³ö Á´ ½Ó ´æ ÔÚ.
Õâ Á½ ¸ö Ôª ËØ Áí Íâ »¹ ÓÐ Ò» ¸ö ÖØ Òª µÄ Çø ±ð, ¾Í ÊÇ µ± Á´ ½Ó ÊÇ ÓÉ
A À´ ¶¨ Òå µÄ Ê± ºò ͨ ³£ ±» ÓÃ
»§ ´ú Àí Æ÷ ×÷ Ϊ "Õâ ¸ö Á´ ½Ó Áí Ò» ¶Ë È¡ »Ø µÄ ×Ê Ô´" À´ ½â Òë. È¡ »Ø
µÄ ×Ê Ô´ ¿É ÒÔ ±» Óà »§ ´ú Àí Æ÷ ÒÔ ¶à ÖÖ ·½ ʽ ¶Ô ´ý: ÔÚ Í¬ Ò» ¸ö Óà »§
´ú Àí Æ÷ ÊÓ ´° ÖÐ ´ò ¿ª РµÄ HTML ÎÄ µµ, ÔÚ ²» ͬ µÄ ÊÓ ´° ´ò ¿ª РµÄ
HTML ÎÄ µµ, ¿ª ʼһ ¸ö РµÄ ³Ì ʽ À´ ´¦ Àí ×Ê Ô´ µÈ µÈ.
title ÌØ ÐÔ ¿É ÒÔ Éè Õâ
Щ Ôª ËØ Éè Öà ÒÔ Ôö ¼Ó ¹Ø ÓÚ ×Ô È» Áª ½Ó µÄ ЊϢ. Õâ Щ ÐŠϢ ¿É ÒÔ ±»
Óà »§ ´ú Àí Æ÷ ¶Á ³ö, ×÷ Ϊ ¹¤ ¾ß Ìá ¹© äÖ È¾ »ò ¸Ä ±ä Êó ±ê Ö¸ Õë ÐÎ ×´
µÈ µÈ.
¶¨ÒåêµãµÄÔªËØ
ÓÐ Á½ ÖÖ Í¾ ¾¶ ¿É ÒÔ Ö¸ ¶¨ HTML ÎÄ µµ ÖÐ µÄ ê µã:
A Ôª ËØ.
ÈÎ ºÎ Ôª ËØ µÄ id ÌØ ÐÔ.
Á´ ½Ó ºÍ ê µã. A
Ôª ËØ Óà À´ ¶¨ Òå Á´ ½Ó ºÍ ê µã. ¿É ÄÜ ºÍ ½Ú Ô¼ µÄ ·½ ·¨ ÊÇ ÔÚ Í¬ Ò» ¸ö
A Ôª ËØ ÖÐ ¶¨ Òå Á´ ½Ó ºÍ ê µã
Á½ Õß.
¹ú¼Ê»¯ºÍÁ´½Ó
Òò Ϊ Á´ ½Ó ¿É ÒÔ Ö¸ Ïò ²» ͬ Óï ÑÔ Ð´ ×÷ µÄ ÎÄ µµ (¿É ÄÜ »¹ ÓÐ ²» ͬ µÄ
Êé д ´Î Ðò) ²¢ ʹ Óà ²» ͬ µÄ ×Ö·û±àÂ뷽ʽ ,
A ºÍ LINK
Ôª ËØ Ìá ¹© lang (Óï ÑÔ),
dir (Êé д ·½ Ïò) ºÍ charset
(×Ö ·û ±à Âë ·½ ʽ) ÌØ ÐÔ. Õâ Щ ÌØ ÐÔ ÔÊ Ðí ×÷ Õß ¸ø Óà »§ ´ú Àí Æ÷ Ìá
¹© Á´ ½Ó Áí Ò» ¶Ë ×Ô È» Êý ¾Ý µÄ ½¨ Òé.
ͨ ¹ý Õâ Щ ¸½ ¼Ó µÄ Öª ʶ Îä ×°, Óà »§ ´ú Àí Æ÷ ÄÜ ¹» ±Ü Ãâ ¶Ô Óà »§
ÏÔ Ê¾ "À¬ »ø". È¡ ¶ø ´ú Ö® µÄ ÊÇ, Ëü ÃÇ ¼È ¿É ÒÔ ¶Ô ±Ø Òª λ Öà µÄ ÎÄ µµ
×÷ Ϊ Õý È· µÄ ³Â Êö Ò² ¿É ÒÔ ÖÁ ÓÚ ¾¯ ¸æ Óà »§ ÄÇ ¸ö ÎÄ µµ ¿É ÄÜ ÎÞ ·¨
ÔÄ ¶Á ²¢ Ö¸ ³ö Ô Òò.
A ÔªËØ
<!ELEMENT A - - (%inline)* -(A)>
<!ATTLIST A
%attrs; -- %coreattrs, %i18n, %events --
charset CDATA #IMPLIED -- char encoding of linked resource --
name CDATA #IMPLIED -- named link end --
href %URL #IMPLIED -- URL for linked resource --
target CDATA #IMPLIED -- where to render resource --
rel CDATA #IMPLIED -- forward link types --
rev CDATA #IMPLIED -- reverse link types --
accesskey CDATA #IMPLIED -- accessibility key character --
shape %Shape rect -- for use with OBJECT SHAPES --
coords %Coords #IMPLIED -- for use with OBJECT SHAPES --
tabindex NUMBER #IMPLIED -- position in tabbing order --
>
¿ª ʼ ±ê ¼Ç: Ðè Òª , ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
name = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ ´Ë Ôª ËØ ±» Óà À´ ¶¨ Òå Ò» ¸ö ê µã. Õâ ¸ö ÌØ ÐÔ Öµ ÊÇ Ò»¸ö
Ψ Ò» µÄ ê µã Ãû ³Æ. Ëü µÄ ·¶ Χ ÊÇ µ± Ç° ÎÄ µµ. ×¢ Òâ, Õâ ¸ö ÌØ ÐÔ Óë
id ÌØ ÐÔ ¹² Ïí ͬ Ò» ¸ö ÃüÃû¿Õ¼ä .
href = url
Õâ ¸ö ÌØ ¶¨ Ö¸ ´Ë Ôª ËØ Óà À´ ¶¨ Òå Ò» ¸ö Á´ ½Ó. Õâ ¸ö ÌØ ÐÔ Öµ ÊÇ Á´ ½Ó
Áí Ò» ¶Ë µÄ λ Öà (Áí Ò» ¶Ë ÔÚ ´Ë Ôª ËØ ÖРͨ ¹ý λ Öà ¶¨ Òå).
rel = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ µ± Ç° λ Öà ÊÇ Á´ ½Ó ¶¨ Òå µÄ Ô´. ÔÚ ´Ë Çé ¿ö Ï µÄ href
Ö¸ ¶¨ ÁË Á´ ½Ó µÄ Ä¿ µÄ. rel Öµ Ö¸ ¶¨ ÁË Á´½ÓµÄÐÎʽ .
Õâ ¸ö ÌØ ÐÔ ¿É ÒÔ ÊÇ Ò» ¸ö ¿Õ ¸ñ ·Ö ÁÐ µÄ Á´ ½Ó ÐΠʽ ±í.
rev = cdata
Õâ ¸ö ÌØ ÐÔ Ö¸ µ± Ç° λ Öà ÊÇ ±» ¶¨ Òå Á´ ½Ó µÄ Ä¿ µÄ. ÔÚ ´Ë Çé ¿ö Ï µÄ
href Öµ Ö¸ ¶¨ µÄ Á´ ½Ó µÄ Ô´.
rev Öµ Ö¸ ¶¨ ÁË Á´°´µÄÐÎʽ . Õâ ¸ö ÌØ ÐÔ
¿É ÒÔ ÊÇ Ò» ¸ö ¿Õ ¸ñ ·Ö ÁÐ µÄ Á´ ½Ó ÐΠʽ ±í.
charset = cdata
Õâ ¸ö ÌØ ¶¨ Ö¸ ¶¨ µÄ ͨ Á´ ½Ó Ö¸ ¶¨ µÄ ×Ö ·û ±à Âë ·½ ʽ. Õâ ¸ö ÌØ ÐÔ µÄ
Öµ ±Ø Ðë ÊÇ ÔÚ [RFC2045]
ÖÐ ×÷ Ϊ "charset" Ö¸ ¶¨ µÄ Ãû ³Æ (Àý Èç "euc-jp"). Õâ ¸ö ÌØ ÐÔ µÄ ȱ Ê¡
Öµ ÊÇ "ISO-8859-1".
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
id , class
(¹ã·ºµÄÎĵµ±êʶ·û )
lang (ÓïÑÔÐÅÏ¢ ),
dir (ÎÄ×Ö·½Ïò )
title (ÔªËرêÌâ )
style (ÄÚ²ã·ç¸ñÐÅÏ¢ )
onclick , ondblclick ,
onmousedown ,
onmouseup ,
onmouseover ,
onmousemove ,
onmouseout ,
onkeypress ,
onkeydown ,
onkeyup (ÄÚ²¿Ê¼þ )
target (Ä¿±ê¿òÐÅÏ¢ )
tabindex (tabbing
navigation )
accesskey (´¦Àí¼üÖµ )
shape , coords
(iͼÏñÓ³Ïñ )
A Ôª ËØ ¿É ÒÔ ¶¨ Òå Ò» ¸ö ê µã,
Ò» ¸ö Á´ ½Ó, »ò Á½ Õß.
Ï Ãæ µÄ Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Á´ ½Ó µÄ ¶¨ Òå.
¹Ø ÓÚ W3C µÄ ¸ü ¶à µÄ ЊϢ, Çë ²Î ÔÄ
<A href="http://www.w3.org/">W3C Web ½Ú µã</A>
Õâ ¸ö Á´ ½Ó Ö¸ ¶¨ ÁË World Wide Web Ð »á µÄ Ö÷ Ò³. µ± Óà »§ ÔÚ Óà »§ ´ú
Àí Æ÷ ÖÐ ¼¤ »î Щ Á´ ½Ó µÄ ʱ ºò, Óà »§ ´ú Àí Æ÷ ½« È¡ »Ø ×Ê Ô´, ÔÚ ´Ë
ÊÇ Ò» ¸ö HTML ÎÄ µµ.
Óà »§ ´ú Àí Æ÷ ͨ ³£ ÒÔ Ê¹ Óà »§ Ã÷ ÁË µÄ ·½ ʽ À´ äÖ È¾ Á´ ½Ó (Ï Ѯ
Ïß, ¸º Ïñ µÈ). äÖ È¾ È¡ ¾ö ÓÚ Óà »§ ´ú Àí Æ÷. äÖ È¾ ¿É ÄÜ ¸ù ¾Ý Óà »§ ÊÇ
·ñ ·Ã ÎÊ ¹ý ´Ë Á´ ½Ó ¶ø ÓÐ Ëù ²» ͬ, ¶Ô ÓÚ ÏÈ Ç° Á´ ½Ó µÄ äÖ È¾ ¿É ÄÜ Îª
Ϊ:
¹Ø ÓÚ W3C µÄ ¸ü ¶à µÄ ЊϢ, Çë ²Î ÔÄ W3C Web ½Ú µã.
~~~~~~~~~~~~
Ϊ ÁË ÏÔ Ê½ µØ ¸æ Ëß Óà »§ ´ú Àí Æ÷ Ä¿ µÄ Ò³ µÄ ×Ö ·û ±à Âë ·½ ʽ, Éè ÖÃ
charset ÌØ ÐÔ:
¹Ø ÓÚ W3C µÄ ¸ü ¶à µÄ ЊϢ, Çë ²Î ÔÄ
<A href="http://www.w3.org/" charset="ISO-8859-1">W3C Web ½Ú µã</A>
Ï Ãæ µÄ Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Ãª µã µÄ ¶¨ Òå, Éè Ïë
ÎÒ ÃÇ ÔÚ "one.html" ÖÐ ¶¨ Ò» ¸ö ÃûΪ "anchor-one" µÄ ê µã.
...text before the anchor...
<A name="anchor-one">This is the location of anchor one.</A>
...text after the anchor...
Õâ ¸ö ¶¨ Òå Ϊ °ü º¬ ÎÄ ×Ö "This is the location of anchor one" µÄ Õû ¸ö
Çø Óò Ö¸ ÅÉ ÁË Ò» ¸ö ê µã. ͨ ³£, µ±
A
Ö» ¶¨ Òå Ò» ¸ö ê µãʱ
A ÖÐ µÄ
ÄÚ ÈÝ ²¢ ²» ×÷ Ϊ ÌØ Êâ µÄ äÖ È¾.
ÒÑ ¾ ¶¨ Òå ÁË Ãª µã, ÎÒ ÃÇ ¿É ÒÔ ÔÚ Í¬ Ò» »ò ²» ͬ µÄ ÎÄ µµ ÖÐ Á´ ½Ó
Ëü. Ö¸ ¶¨ ê µã µÄ URL ÒÔ "#" ½á Êø ºó ¸ú ê µã Ãû ³Æ. Õâ Àï ÊÇ Ò» Щ Õâ
ÖÖ URL µÄ Àý ʾ:
¾ø ¶Ô URL: http://www.mycompany.com/one.html#anchor-one
Ïà ¶ÔURL: ../one.html#anchor-one
µ± Á´ ½Ó µ½ ͬ Ò» ÎÄ µµ ʱ: #anchor-one
Òò ´Ë, Ò» ¸ö ÔÚ Óë "one.html" ´¦ ÓÚ Ïà ͬ Ä¿ ¼ µÄ "two.html" ÖÐ µÄ Á´
½Ó ¿É ÒÔ Èç Ï ָ ¶¨ ê µã:
...text before the link...
For more information, please consult <A href="./one.html#anchor-one"> anchor one</A>.
...text after the link...
A Ôª ËØ ÔÚ
Ï Ãæ µÄ Àý ³Ì ÖРͬ ʱ Ö¸ ¶¨ ÁË Ò» ¸ö ê µã ºÍ Ò» ¸ö Á´ ½Ó:
I just returned from vacation! Here's a
<A name="anchor-two"
href="http://www.somecompany.com/People/Ian/vacation/family.png">
photo of my family at the lake.</A>.
Õâ ¸ö Àý ³Ì °ü º¬ Ò» ¸ö ²» ͬ Web ×Ê Ô´ ÐΠʽ (Ò» ¸ö PNG ͼÏñ) µÄ Á´ ½Ó.
¼¤ »î Á´ ½Ó »á Òý Æð ͼ Ïñ ×Ê Ô´ ´Ó Web ±» È¡ µÃ (¿É ÄÜ ±» ÏÔ Ê¾ Ö» Òª
ϵ ͳ ±» Åä Öà ³É Õâ Ñù ×ö).
Note: Some user agents fail to find anchors represented
by empty A elements. For example,
some user agents may not find the "empty-anchor" in the following HTML
fragment:
<A name="empty-anchor"></A>
<EM>...some HTML...</EM>
<A href="#empty-anchor">Link to empty anchor</A>
Á´½ÓÌØÐÔÖµµÄÓï·¨
name , rel ºÍ rev
ÌØ ÐÔ Öµ Èç Ï ¹Û ²ì:
´ó С д Ãô ¸Ð Öµ ÊÇ ´ó С д Ãô ¸Ð µÄ.
×Ö ·û ´® Æ¥ Åä [ISO10646]
ÖÐ ¿É ÄÜ µÄ ×Ö ·û ±í ʾ ·¨ ÈÏ Îª Ö» ÓÐ µ± Á½ ¸ö ×Ö ·û ´® Óà Ïà ͬ µÄ ³Â
Êö ±í ´ï ʱ (Àý Èç Á½ Õß ¶¼ ÊÇ Ô¤ ÏÈ Ð ¶¨ µÄ ºÍ bsae+diacritic ÐΠʽ)
Æ¥ Åä, ³ý ·Ç ´ó С д ²» ͬ. ´ó С д ½» µþ ±Ø Ðë ͬ [UNICODE]
µÄ ¶¨ Òå. ÔÚ ÌØ ¶¨ Çé ¿ö ÏÂ, ½¨ Òé ÏÈ °Ñ С д ת »» ³É ´ó д.
ÓʼþÁ´½Ó
×÷ Õß ¿É ÒÔ ½¨ Á¢ Ò» ¸ö ²» Ö¸ Ïò Áí Ò» ¸ö ÎÄ µµ µÄ Á´ ½Ó ¶ø Óà һ ¸ö µç
×Ó ÓÊ ¼þ µØ Ö· À´ Òý Æð ÓÊ ¼þ ·¢ ËÍ. µ± Á´ ½Ó ±» ¼¤ »î ʱ, Óà »§ ´ú Àí
Æ÷ »á ´ò ¿ª Ò» ¸ö ÓÊ ¼þ ³Ì ʽ ²¢ ÔÚ "To" Çø Óò ÖÐ °ü º¬ Ä¿ µÄ µç ×Ó ÓÊ
¼þ µØ Ö·.
Ϊ ÁË µ± ¼¤ »î ʱ Òý Æð ÓÊ ¼þ ·¢ ËÍ, Ö¸ ¶¨
href
ÌØ ÐÔ Öµ Ϊ
Óʼþ¶¨Î» (MILTO URL) .
ÔÚ ´Ë Àý ÖÐ, µ± Óà »§ ¼¤ »î Á´ ½Ó, Óà »§ ´ú Àí Æ÷
»á ´ò ¿ª Ò» ¸ö ÓÊ ¼þ ³Ì ʽ ²¢ ÔÚ "To" Óò ÖÐ Ìî Èë "joe@somplace.com" .
...this is text...
For all comments, please send email to
<A href="mailto:joe@someplace.com">Joe Cool</A>.
ǶÌ×Á´½Ó
ÓÃ
A Ôª ËØ ¶¨ Òå µÄ Á´ ½Ó ºÍ ê
µã ²» ¿É ÒÔ ±» Ƕ Ì×.
·Ç ·¨ Àý ³Ì:
Ï Ãæ µÄ Àý ³Ì ˵ Ã÷ ÁË Ç¶ Ì× Á´ ½Ó. Ƕ Ì× Á´ ½Ó ÊÇ ²» ÔÊ Ðí µÄ.
This text contains
<A name="outer-anchor" href="next-outer.html">an outer anchor and
and link and <A name="inner-anchor" href="next-inner.html">an inner
anchor and link.</A></A>
¾ß ÓÐ id ÌØ ÐÔ µÄ ê µã
id ÌØ ÐÔ ¿É ÒÔ ÔÚ ÈÎ ºÎ Ôª ËØ
µÄ ¿ª ʼ ±ê Ö¾ ÖÐ Ö¸ Ïò Ò» ¸ö ê µã.
Õâ ¸ö Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË ÔÚ
H2
Ôª ËØ ÖРʹ ÓÃ
id ÌØ ÐÔ À´ ¶Ô
Ò» ¸ö ê µã µÄ ¶¨ λ. Õâ ¸ö ê µã ͨ ¹ý
A
Ôª ËØ À´ Á´ ½Ó.
You may read more about this in <A href="#section2">Section Two</A>.
...later in the document
<H2 id="section2">Section Two</H2>
...later in the document
Please refer to <A href="#section2">Section Two</A> above
for more details.
id Óë
name ÌØ ÐÔ ¹²
Ïí Ïà ͬ µÄ Ãü Ãû ¿Õ ¼ä (²Î ¼û
[ISO10646] ).
Õâ Òâ ζ ×Å Ëü ÃÇ ²» ÄÜ ÔÚ Í¬ Ò» ¸ö ÎÄ µµ Àï ¶¨ Òå Ϊ Ïà ͬ Ãû ³Æ µÄ ê
µã.
·Ç ·¨ Àý ³Ì:
Ï Ãæ µÄ Òý Óà ÊÇ Ò» ¸ö ·Ç ·¨ µÄ HTML Òò Ϊ Õâ Щ ÌØ ÐÔ ÔÚ Í¬ Ò» ¸ö
ÎÄ µµ Àï Éù Ã÷ ÁË Á½ ´Î Ïà ͬ µÄ Ãû ³Æ.
<BODY>
<A href="#a1">...</A>
...
<H1 id="a1">
...pages and pages...
<A name="a1"></A>
</BODY>
Òò Ϊ ÔÚ HTML DTD µÄ Éù Ã÷ ÖÐ,
name ÌØ ÐÔ ¿É ÒÔ °ü º¬
×Ö·ûÌõÄ¿ .
Òò ´Ë, Öµ
Dürst ÊÇ ºÏ ·¨ µÄ Ãû ³Æ. Áí Íâ
id
ÌØ ÐÔ Ôò ²» ¿É °ü º¬ ×Ö ·û Ìõ Ä¿.
LINK ÔªËØ
<!ELEMENT LINK - O EMPTY>
<!ATTLIST LINK
%attrs; -- %coreattrs, %i18n, %events --
href %URL #IMPLIED -- URL for linked resource --
rel CDATA #IMPLIED -- forward link types --
rev CDATA #IMPLIED -- reverse link types --
type %ContentType #IMPLIED -- advisory Internet content type --
media CDATA #IMPLIED -- for rendering on these media --
target CDATA #IMPLIED -- where to render linked resource --
>
¿ª ʼ ±ê ¼Ç: Ðè Òª , ½á Êø ±ê ¼Ç: ½û Ö¹
ÔÚ Ëü Íâ ¶¨ Òå µÄ ÌØ ÐÔ
id , class
(¹ã·ºµÄÎĵµ±êʶ·û )
lang (ÓïÑÔÐÅÏ¢ ),
dir (ÎÄ×Ö·½Ïò )
title (ÔªËرêÌâ )
style (ÄÚ²ã·ç¸ñÐÅÏ¢ )
onclick , ondblclick ,
onmousedown ,
onmouseup ,
onmouseover ,
onmousemove ,
onmouseout ,
onkeypress ,
onkeydown ,
onkeyup (ÄÚ²¿Ê¼þ )
href , rel ,
rev (Á´½ÓºÍêµã )
target (Ä¿±ê¿òÐÅÏ¢ )
type , media
(·ç¸ñÒýµ¼ÐÅÏ¢ )
Õâ ¸ö Ôª ËØ ±Ø Ðë ³ö ÏÖ ÔÚ ÎÄ µµ µÄ
HEAD
²¿ ·Ö (ÈÎ Òâ ´Î Êý), Ëü ¶¨ Òå ÁË Ò» ¸ö ¶À Á¢ ý Ìå Á´ ½Ó. ¾¡ ¹Ü
LINK
û ÓÐ ÄÚ ÈÝ, Ëü ´« ËÍ µÄ Áª ϵ ЊϢ ¿É ÄÜ ±» Óà »§ ´ú Àí Æ÷ ÒÔ ²» ͬ µÄ
·½ ʽ äÖ È¾ (Àý Èç: ÓÐ Ï À Á´ ½Ó ²Ë µ¥ µÄ ¹¤ ¾ß Ìõ).
Õâ ¸ö Àý ³Ì ˵ Ã÷ Êý ¸ö
LINK
¶¨ Òå ¿É ÒÔ ³ö ÏÖ ÓÚ ÎÄ µµ µÄ
HEAD
¶Î ÖÐ.
rel ºÍ
rev
ÌØ ÐÔ Ö¸ Ã÷ ÁË Ã¿ ¸ö Á´ ½Ó µÄ Ô´ ºÍ Ä¿ µÄ ÔÚ ÄÄ Àï. Õâ Àï µÄ Öµ "Index",
"Next" ºÍ "Previous" ÔÚ
Á´½ÓÐÎʽ ÖÐ ±» ½â ÊÍ.
<HTML>
<HEAD>
<LINK rel="Index" href="../index.html">
<LINK rel="Next" href="Chapter_3.html">
<LINK rev="Previous" href="Chapter_1.html">
</HEAD>
...the rest of the document ...
ÎÒ Ó¦ ¸Ã ÔÚ Ê² ô ʱ ºò ʹ Óà rel
ºÍ rev ? ²¢ ²» ʱ
Ðè Òª ¾ ³£ À´ ±ê ʶ ʲ ô ÊÇ Á´ ½Ó µÄ Ô´ ¶Ë ºÍ Ä¿ µÄ ¶Ë . ¶Ô ÓÚ Ò» ¸ö
A Ôª ËØ, Äã ±Ø ²» Ðè Òª Ö¸ ¶¨
rel ºÍ rev
ÌØ ÐÔ. ¶Ô ÓÚ LINK Ôª ËØ, Äã
±Ø Ðë Ñ¡ Ôñ Ò» ¸ö. ²Î ¼û ÉÏ ÎÄ ÖÐ ¹Ø ÓÚ rel
ºÍ rev Ö® ¼ä Çø ±ð µÄ Ãè Êö.
Á´½ÓÐÎʽ
rel ºÍ
rev
ÌØ ÐÔ Ö¸ ¶¨ ÁË Á´ ½Ó µÄ ÄÄ ¶Ë ÊÇ Ô´ ¶ø ÄÄ ¶Ë ÊÇ Ä¿ µÄ. ÔÚ Õâ Á½ ÖÖ Çé ¿ö
ÏÂ, Õâ ¸ö Öµ »ò Õâ Щ Öµ Ãè Êö ÁË ×Ô È» µÄ Á´ ½Ó. Á½ ¸ö ÌØ ÐÔ ¶¼ ¿É ÒÔ
ÔÚ Ôª ËØ µÄ ¿ª ʼ ±ê ¼Ç ÖÐ ¶¨ Òå.
×÷ Õß ¿É ÒÔ Ê¹ Óà Ï ÁÐ µÄ ¿É ±» ÈÏ ³ö µÄ Á´ ½Ó ÐΠʽ, Ëü ÃÇ µÄ ½â Òë
Ð ¶¨ Òà ÁРʾ ÓÚ ´Ë.
Óà »§ ´ú Àí Æ÷, ËÑ Ë÷ Òý Çæ µÈ, ¿É ÒÔ Í¨ ¹ý ¶à ²» ͬ µÄ ·½ ʽ ½â Òë
Õâ Щ Á´ ½Ó. Àý ʼ, Óà »§ ´ú Àí Æ÷ ¿É ÒÔ Í¨ ¹ý Ò» ¸ö µ¼ º½ Ìõ À´ ´¦ Àí
Á´ ½Ó ÎÄ µµ. »ò Õß, µ± Á´ ½Ó ÐΠʽ Ϊ "Next" ʱ, Óà »§ ´ú Àí Æ÷ Ô¤ µ÷ Èë
Ï һ ¸ö ÎÄ µµ À´ ½Ú Ô¼ ´¦ Àí ʱ ¼ä.
Contents
Õâ ¸ö Á´ ½Ó Ö¸ Ïò ÎÄ µµ ×÷ Ϊ ±í ¸ñ µÄ ÄÚ ÈÝ ³ö ÏÖ.
Index
Õâ ¸ö Á´ ½Ó Ö¸ Ïò ÎÄ µµ ÖÐ Ìá ¹© Ò» ¸ö µ± Ç° ÎÄ µµ µÄ Ë÷ Òý.
Glossary
Õâ ¸ö Á´ ½Ó Ö¸ Ïò ÎÄ µµ Ìá ¹© Ò» ·Ý µ± Ç° ÎÄ µµ µÄ ´Ê »ã ±í.
Copyright
Õâ ¸ö Á´ ½Ó Ö¸ Ïò µ± Ç° ÎÄ µµ µÄ °æ Ȩ Óï ¾ä.
Next
Õâ ¸ö Á´ ½Ó Ö¸ Ïò ÎÄ µµ ϵ ÁÐ ÖÐ µÄ Ï һ ¸ö ÎÄ µµ. Õâ ¸ö Öµ ͨ ³£ Óë rel
±» ʹ ÓÃ.
Previous
Õâ ¸ö Á´ ½Ó Ö¸ Ïò ÎÄ µµ ϵ ÁÐ ÖÐ µÄ ÉÏ Ò» ¸ö ÎÄ µµ. Õâ ¸ö Öµ ͨ ³£ Óë rev
Ò» Æð ʹ ÓÃ
Start
Õâ ¸ö Á´ ½Ó Ö¸ Ïò Ò» Ì× ÎÄ µµ ×é ºÏ ÖÐ µÄ µÚ Ò» ¸ö ÎÄ µµ. Õâ ¸ö Á´ ½Ó ¸æ
Ëß ËÑ Ë÷ Òý Çæ ÄÄ ¸ö ÎÄ µµ ÊÇ ×÷ Õß ¾ö ¶¨ µÄ Õâ Ì× ×é ºÏ µÄ ¿ª ʼ µã.
Help
Õâ ¸ö Á´ ½Ó Ö¸ Ïò Ò» ¸ö ÎÄ µµ Ìá ¹© °ï Öú (¸ü ¶à ЊϢ, ²Î ¼û Æä Ëü ÐÅ
Ï¢ µÈ)
Bookmark
Õâ ¸ö Á´ ½Ó Ö¸ Ïò Ò» ¸ö Êé Ç©. Ò» ¸ö Êé Ç© ÊÇ Ò» ¸ö Íâ ²¿ ÎÄ µµ µÄ ¹Ø ¼ü
µã. Àý Èç, ÔÚ ±ê Ç© Êé Ç© µÄ ʱ ºò title
ÌØ ÐÔ ½« ±» Óà µ½.×¢ Òâ ÔÚ Ã¿ Ò» ¸ö ÎÄ µµ ÖÐ ¶¼ ¿É ÒÔ ¶¨ Òå Êý ¸ö Êé Ç©
.
Stylesheet
Õâ ¸ö Á´ ½Ó Ö¸ Ïò Ò» ¸ö Íâ ²¿ ·ç ¸ñ Ò³. ²Î ¼û Íⲿ·ç¸ñÒ³
ÒÔ »ñ µÃ ¸ü ¶à ϸ ½Ú.
Alternate
Õâ ¸ö Á´ ½Ó Ö¸ Ïò Ò» ·Ý ÎÄ µµ µÄ ²» ͬ µÄ °æ ±¾. µ± ʹ Óà lang
ÌØ ÐÔ Ê±, °µ ʾ ×Å Ò» ¸ö Ïà ͬ ÎÄ µµ µÄ · Òë °æ ±¾. µ± ×Ý Ïò µØ Óë media
ÌØ ÐÔ Ò» Æð ʹ Óà ʱ, Ö¸ Áí Ò» ÖÖ Ã½ Ìå °æ ±¾.
Á´½ÓºÍÍⲿ·ç¸ñÒ³
µ±
LINK Ôª ËØ °Ñ ÎÄ µµ ºÍ Íâ
²¿ ·ç ¸ñ Ò³ Á´ ½Ó Æð À´ µÄʱ ºò,
type
ÌØ ÐÔ Ö¸ ¶¨ ÁË ·ç ¸ñ Ò³ µÄ Óï ÑÔ ¶ø
media
ÌØ ÐÔ Ö¸ ¶¨ ÁË Ä¿ ±ê µÄ ý Ìå. Óà »§ ´ú Àí Æ÷ Ö» ÓÐ ÔÚ Õâ Щ ·ç ¸ñ Ò³ Ìá
¹© µ± Ç° Éè Öà µÄ Çé ¿ö Ï ȡ µÃ Ëü ÃÇ ÓÉ ´Ë À´ ½Ú Ô¼ ʱ ¼ä.
ýÌåÐÎʽ ÒÔ ºó »á ÔÚ ·ç
¸ñ Ò³ ÖÐ ÌÖ ÂÛ.
Á´½ÓºÍËÑË÷ÒýÇæ
×÷ Õß ¿É ÒÔ Í¨ ¹ý
LINK Ôª ËØ
Ïò ËÑ Ë÷ Òý Çæ Ìá ¹© ²» ͬ µÄ ЊϢ, °ü À¨:
Á´ ½Ó µ½ Óà Áí Ò» ÖÖ Óï ÑÔ °æ ±¾ µÄ ÎÄ µµ.
Á´ ½Ó µ½ Æä Ëü ý Ìå °æ ±¾ µÄ ÎÄ µµ, Èç ´ò Ó¡ ±¾.
Á´ ½Ó µ½ ÎÄ µµ ¼¯ ºÏµÄ ·â Ãæ.
Ï Ãæ µÄ Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Óï ÑÔ ÐŠϢ, ý Ìå ÐΠʽ ºÍ Á´ ½Ó ÐΠʽ
ÊÇ Èç ºÎ ±» ËÑ Ë÷ Òý Çæ ×é ºÏ Æð À´ Ìá ¸ß ÎÄ µµ ¾ä ±ú µÄ.
ÔÚ Ï Ãæ µÄ Àý ³Ì ÖÐ, ÎÒ ÃÇ ¸æ Ëß ËÑ Ë÷ Òý Çæ ÄÄ Àï
¿É ÒÔ ÕÒ µ½ ÎÄ µµ µÄ ºÉ À¼ Óï, ÆÏ ÌÑ ÑÀ Óï ºÍ °¢ ½Ó ²® Óï °æ ±¾.
<HEAD>
<LINK lang="nl" title="The manual in Dutch"
rel="alternate"
href="http://someplace.com/manual/dutch.html">
<LINK lang="pt" title="The manual in Portuguese"
rel="alternate"
href="http://someplace.com/manual/portuguese.html">
<LINK lang="ar" title="The manual in Arabic"
dir="rtl"
rel="alternate"
href="http://someplace.com/manual/arabic.html">
</HEAD>
ÔÚ Ï Àý ÖÐ, ÎÒ ÃÇ ¸æ Ëß ËÑ Ë÷ Òý Çæ µ½ ÄÄ Àï Ñ° ÕÒ
ÊÖ ²á µÄ ´ò Ó¡ °æ ±¾.
<HEAD>
<LINK media="print" title="The manual in postscript"
rel="alternate"
href="http://someplace.com/manual/postscript.ps">
</HEAD>
ÔÚ Ï ÁÐ ÖÐ, ÎÒ ÃÇ ¸æ Ëß ËÑ Ë÷ Òý Çæ µ½ ÄÄ Àï Ñ° ÕÒ
ÎÄ µµ ¼¯ µÄ ·â Ãæ.
<HEAD>
<LINK rel="Start" title="The first page of the manual"
href="http://someplace.com/manual/postscript.ps">
</HEAD>
Last Updated: 23-7-1997