Á´½Ó

Ŀ¼
  1. ·¾¶ÐÅÏ¢: BASE ÔªËØ
  2. Á´½ÓºÍêµã
    1. Á´½ÓºÍêµãµÄ¶¨Òå
    2. A ÔªËØ
    3. ¾ßÓÐ id ÌØÐÔµÄêµã
    4. LINK ÔªËØ
    5. Á´½ÓÐÎʽ
    6. Á´½ÓºÍÍⲿ·ç¸ñÒ³
    7. Á´½ÓºÍËÑË÷ÒýÇæ
Ö± µ½ ÏÖ ÔÚ, Õâ ·Ý Ëµ Ã÷ Êé ÖÐ ÒÑ ¾­ ´¦ Àí ÁË ÔÚ 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 Ôª ËØ Óà À´ ¶¨ Òå Á´ ½Ó ºÍ ê µã. ¿É ÄÜ ºÍ ½Ú Ô¼ µÄ ·½ ·¨ ÊÇ ÔÚ Í¬ Ò» ¸ö 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 --
  rel         CDATA      #IMPLIED  -- forward link types --
  rev         CDATA      #IMPLIED  -- reverse link types --
  shape       %Shape     rect      -- for use with OBJECT SHAPES --
  coords      %Coords    #IMPLIED  -- for use with OBJECT SHAPES --
  ÌØ ÐÔ ¶¨ Òå
 
name = id ÌØ ÐÔ ¹² Ïí ͬ Ò» ¸ö href = rel = href Ö¸ ¶¨ ÁË Á´ ½Ó µÄ Ä¿ µÄ. rel Öµ Ö¸ ¶¨ ÁË rev = href Öµ  Ö¸ ¶¨ µÄ Á´ ½Ó µÄ Ô´. rev Öµ Ö¸ ¶¨ ÁË charset = [RFC2045]  ÖÐ ×÷ Ϊ "charset" Ö¸ ¶¨ µÄ Ãû ³Æ (Àý  Èç "euc-jp"). Õâ ¸ö ÌØ ÐÔ µÄ ȱ  Ê¡ Öµ ÊÇ "ISO-8859-1".
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
Ï Ãæ µÄ Àý ³Ì ¾Ù Àý ˵ Ã÷ ÁË Á´ ½Ó µÄ ¶¨ Òå.
¹Ø ÓÚ 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 ±» È¡ µÃ (¿É ÄÜ ±» ÏÔ Ê¾ Ö» Òª ϵ ͳ ±» Åä Öà ³É Õâ Ñù ×ö).
Õâ ¸ö Àý  ³Ì ¾Ù Àý ˵ Ã÷ ÁË ÔÚ  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 ÌØ ÐÔ ¹² Ïí Ïà ͬ µÄ Ãü Ãû ¿Õ ¼ä (²Î ¼û ·Ç ·¨ Àý ³Ì:
Ï Ãæ µÄ Òý Óà ÊÇ Ò» ¸ö ·Ç ·¨ µÄ HTML Òò Ϊ Õâ Щ ÌØ ÐÔ ÔÚ Í¬ Ò» ¸ö ÎÄ µµ Àï Éù Ã÷ ÁË Á½ ´Î Ïà ͬ µÄ Ãû ³Æ.
<BODY>
<A href="#a1">...</A>
...
<H1 id="a1">

...pages and pages...
<A name="a1"></A>
</BODY>
Òò Ϊ ÔÚ HTML DTD µÄ Éù Ã÷ ÖÐ, name ÌØ ÐÔ ¿É ÒÔ °ü º¬ 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 --
  media       CDATA      #IMPLIED  -- for rendering on these media --
  ÔÚ Ëü Íâ ¶¨ Òå µÄ ÌØ ÐÔ
  • id, class (¹ã·ºµÄÎĵµ±êʶ·û)
  • lang (ÓïÑÔÐÅÏ¢), dir (ÎÄ×Ö·½Ïò)
  • title (ÔªËرêÌâ)
  • ÄÚ²ã·ç¸ñÐÅÏ¢)
  • ondblclick, onmouseup, onmousemove, onkeypress, onkeyup (href, rel, rev (Á´½ÓºÍêµã)
  • Ä¿±ê¿òÐÅÏ¢)
  • media (HEAD ²¿ ·Ö (ÈÎ Òâ ´Î Êý), Ëü ¶¨ Òå ÁË Ò» ¸ö ¶À Á¢ ý Ìå Á´ ½Ó. ¾¡ ¹Ü LINK û ÓÐ ÄÚ ÈÝ, Ëü ´« ËÍ µÄ Áª ϵ ЊϢ ¿É ÄÜ ±» Óà »§ ´ú Àí Æ÷ ÒÔ ²» ͬ µÄ ·½ ʽ äÖ È¾ (Àý Èç: ÓÐ Ï À­ Á´ ½Ó ²Ë µ¥ µÄ ¹¤ ¾ß Ìõ).
    Õâ ¸ö Àý ³Ì ˵ Ã÷ Êý ¸ö LINK ¶¨ Òå ¿É ÒÔ ³ö ÏÖ ÓÚ ÎÄ µµ µÄ HEAD ¶Î ÖÐ. rel ºÍ rev ÌØ ÐÔ Ö¸ Ã÷ ÁË Ã¿ ¸ö Á´ ½Ó µÄ Ô´ ºÍ Ä¿ µÄ ÔÚ ÄÄ Àï. Õâ Àï µÄ Öµ "Index", "Next" ºÍ "Previous" ÔÚ Á´½ÓÐÎʽ ÖÐ ±» ½â ÊÍ.
    <HTML>
    <HEAD>
    <LINK rel="Index"    href="../htmlweb.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
    Õâ ¸ö Á´ ½Ó Ö¸ Ïò Ò» ¸ö Íâ ²¿ ·ç ¸ñ Ò³. ²Î ¼û lang ÌØ ÐÔ Ê±, °µ ʾ ×Å Ò» ¸ö Ïà ͬ ÎÄ µµ µÄ ·­ Òë °æ ±¾. µ± ×Ý Ïò µØ Óë µ± LINK Ôª ËØ °Ñ ÎÄ µµ ºÍ Íâ ²¿ ·ç ¸ñ Ò³ Á´ ½Ó Æð À´ µÄʱ ºò, 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>