Á´½Ó
Ö± µ½ ÏÖ ÔÚ, Õâ ·Ý Ëµ Ã÷ Êé ÖÐ ÒÑ ¾ ´¦ Àí ÁË ÔÚ 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>
Translated: 23-7-1997