Áбí

Ŀ¼
  1. δÅÅÐò (UL) ºÍÅÅÐò (OL) Áбí
    1. Óû§´úÀíÆ÷µÄÁбí¸ñʽ
  2. ¶¨ÒåÁбí: DL, DT ºÍ DD ÔªËØ
  3. DIR ºÍ MENU ÔªËØ

δÅÅÐò (UL) ºÍÅÅÐò (OL) Áбí

<!ENTITY % ULStyle "disc|square|circle">

<!ELEMENT UL - -  (LI)+>
<!ATTLIST UL                    -- unordered lists --
  %attrs;                          -- %coreattrs, %i18n, %events --
  type        (%ULStyle) #IMPLIED  -- bullet style --
  compact     (compact)  #IMPLIED  -- reduced interitem spacing --
  >
<!ENTITY % OLStyle "CDATA"      -- constrained to: [1|a|A|i|I] -->

<!ELEMENT OL - -  (LI)+>
<!ATTLIST OL -- ordered lists --
  %attrs;                          -- %coreattrs, %i18n, %events --
  type        %OLStyle   #IMPLIED  -- numbering style --
  compact     (compact)  #IMPLIED  -- reduced interitem spacing --
  start       NUMBER     #IMPLIED  -- starting sequence number --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª , ½á Êø ±ê ¼Ç: Ðè Òª
<!-- The type attribute can be used to change the bullet style
     in unordered lists and the numbering style in ordered lists -->

<!ENTITY % LIStyle "CDATA" -- constrained to: "(%ULStyle|%OLStyle)" -->

<!ELEMENT LI - O %block -- list item -->
<!ATTLIST LI
  %attrs;                          -- %coreattrs, %i18n, %events --
  type        %LIStyle   #IMPLIED  -- list item style --
  value       NUMBER     #IMPLIED  -- reset sequence number --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ¿É Ñ¡ 
ÌØ ÐÔ ¶¨ Òå
 
type = style-information
Õâ ¸ö ÌØ ÐÔ Éè Öà ÁÐ ±í Ìõ Ä¿ µÄ ·ç ¸ñ. µ± ʱ ºÏ ·¨ µÄ Öµ ±» ÓÐ Òâ Ìá ¹© Óà »§ ´ú Àí Æ÷ ʹ ÓÃ. ¿É ÄÜ µÄ Öµ  ÔÚ Ï Ãè Êö.
start = integer
Ö» Óà ÓÚ OL. ´Ë ÌØ ÐÔ µÄ Öµ Óà À´ Ö¸ ¶¨ ÔÚ Ò» ¸ö ÓÐ Ðò ÁÐ ±í ÖÐ µÄ ¿ª ʼ µÄ Ìõ Ä¿ Êý Á¿. ȱ Ê¡ µÄ ¿ª ̨ Êý Ϊ 1.
value = integer
Ö» Óà ÓÚ LI. Õâ ¸ö ÌØ ÐÔ µÄ Öµ Éè ¶¨ Ò» ¸ö РµÄ Õû  Êý Öµ ±í ʾ µ± Ç° ÁÐ ±í Ôª ËØ µÄ Êý Öµ.
compact
²» ÔÞ ³É. µ± Éè Öà ʱ, Õâ ¸ö ²¼ ¶û ÌØ ÐÔ ¸ø ¿É ÊÓ Óà »§ ´ú Àí Æ÷ Ìá ¹© Ò» ¸ö ʹ Óà ¸ü ½ô ´Õ ; ¾¶ äÖ È¾ ÁÐ ±í µÄ °µ ʾ.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
ÅÅ Ðò µÄ ºÍ δ ÅÅ Ðò µÄ ÁÐ ±í ÊÇ Ïà ͬ µÄ, ³ý ·Ç Óà »§ ´ú Àí Æ÷ ¶Ô ÅÅ Ðò ÁÐ ±í Ìõ Ä¿ ±à ºÅ. Óà »§ ´ú Àí Æ÷ ¿É ÄÜ ÒÔ ¶à ÖÖ ·½ ·¨ ¶Ô Æä ±à ºÅ. δ ÅÅ Ðò ÁÐ ±í Ôò ²» ±ê ºÅ.

Á½ ÖÖ ÐΠʽ µÄ ÁÐ ±í LI Ôª ËØ ¶¨ Òå µÄ ÁÐ ±í Ìõ Ä¿ ´Î Ðò ×é ³É (Õâ Àï µÄ ½á β ±ê ¼Ç ͨ ³£ ±» Ê¡ ÂÔ).

Õâ ¸ö Àý ³Ì ˵ Ã÷ ÁË ÁÐ ±í µÄ »ù ±¾ ½á ¹¹.
<UL>
   <LI> ... first list item...
   <LI> ... second list item...
   ...
</UL>
ÁÐ ±í Ò² ¿É ÒÔ Ç¶ Ì×:
<UL>
     <LI> ... Level one, number one...
     <OL> 
        <LI> ... Level two, number one...
        <LI> ... Level two, number two...
        <OL start="10"> 
           <LI> ... Level three, number one...
        </OL> 
        <LI> ... Level two, number three...
     </OL> 
     <LI> ... Level one, number two...
</UL>
¹Ø ÓÚ ±à ºÅ ÅÅ Ðò µÄ ϸ ½Ú. ÔÚ ÅÅ Ðò ÁÐ ±í ÖÐ, ²» ¿É ÄÜ ´Ó Ò» ¸ö ÏÈ Ç° µÄ ÁÐ ±í À´ ¼Ì Ðø ÁÐ ±í ±à ºÅ »ò Õß Òþ ²Ø ¶Ô Ò» Щ ÁÐ ±í Ìõ Ä¿ µÄ ±à ºÅ. È» ¶ø, Äã ¿É ÒÔ Í¨ ¹ý Éè Öà value ÌØ ÐÔ À´ ¶Ô ÁÐ ±í Ìõ Ä¿ µÄ ±à ºÅ ¸´ λ. ±à ºÅ ÒÔ Ð µÄ Öµ À´ ¼Ì Ðø ºó À´ µÄ ÁÐ ±í Ìõ Ä¿. Àý Èç:
<ol>
<li value="30"> makes this list item number 30.
<li value="40"> makes this list item number 40.
<li> makes this list item number 41.
</ol>

Óû§´úÀíÆ÷µÄÁбí¸ñʽ

Ï Ãæ Ãè ÊöÁË µ± Ç° ¿É ÊÓ Óà »§ ´ú Àí Æ÷ µÄ ʹ Óà ÐРΪ . ·ç ¸ñ Ò³ ±» ÔÊ Ðí ¶Ô ÁÐ ±í ¸ñ ʽ ½ø ÐÐ ½Ï ºÃ µÄ ¿Ø ÖÆ (Àý Èç: ±à ºÅ, Óï ÑÔ ´Ó Êô Ô¼ ¶¨ µÈ µÈ).

Óà »§ ´ú Àí Æ÷ ͨ ³£ °Ñ Ƕ Ì× ÁÐ ±í Óë µ± Ç° ¼¶ ±ð µÄ ÁÐ ±í ½» ´í ÏÔ Ê¾.

¶Ô ÓÚ OL ºÍ UL Á½ Õß,  type ÌØ ÐÔ Ö¸ ¶¨ ÁË ¿É ÊÓ Óà »§ ´ú Àí Æ÷ µÄ äÖ È¾ Ñ¡ Ïî.

¶Ô ÓÚ UL Ôª ËØ, ºÏ ·¨ µÄ type ÌØ ÐÔ Öµ ÊÇ disc, square ºÍ circle. ȱ Ê¡ µÄ Öµ  È¡ ¾ö ÓÚ µ± Ç° ÁÐ ±í µÄ Ƕ Ì× ¼¶ ±ð.

ÿ ¸ö Öµ µÄ ±í ÏÖ ·½ ·¨ È¡ ¾ö ÓÚ Óà »§ ´ú Àí Æ÷. Óà »§ ´ú Àí Æ÷ Ó¦ µ± °Ñ "disc" ±í ÏÖ Îª Ò» ¸ö ÄÚ ²¿ Ìî ³ä µÄ Ô² »·, "circle" ×÷ Ϊ Ò» ¸ö Íâ Χ µÄ С Ȧ, ¶ø "square" ×÷ Ϊ Ò» ¸ö Íâ ²¿ ·½ ¿é.

Äã µÄ Óà »§ ´ú Àí Æ÷ Èç Ï ÏÔ Ê¾ Ëü ÃÇ (µ¥ Ôª ÓÐ ¿É ÄÜ ÔÚ ÐÐ ÄÚ ·¢ Éú ±ä »¯ »ò ²» ±ä »¯):

¶Ô ÓÚ OL Ôª ËØ, type ÌØ ÐÔ ¿É ÄÜ µÄ Öµ ÔÚ Ï ±í ÖÐ ×Ü ½á:
ÐÎʽ Êý×Ö·ç¸ñ
1 °¢ À­ ²® Êý ×Ö 1, 2, 3, ...
a С д ×Ö Ä¸ a, b, c, ...
A ´ó д ×Ö Ä¸ A, B, C, ...
i С д ÂÞ Âí ×Ö Ä¸ i, ii, iii, ...
I ´ó д ÂÞ Âí ×Ö Ä¸ I, II, III, ...

¶¨ÒåÁбí: DLDT Óë DD ÔªËØ

<!-- definition lists - DT for term, DD for its definition -->

<!ELEMENT DL - -  (DT|DD)+>
<!ATTLIST DL
  %attrs;                          -- %coreattrs, %i18n, %events --
  compact     (compact)  #IMPLIED  -- reduced interitem spacing --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè  Òª
<!ELEMENT DT - O  (%inline)*>
<!ELEMENT DD - O  %block>
<!ATTLIST (DT|DD)
  %attrs                          -- %coreattrs, %i18n, %events --
  >
¿ª ʼ ±ê ¼Ç: Ðè  Òª, ½á Êø ±ê ¼Ç: ¿É Ñ¡ 
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
ÁÐ ±í ¶¨ Òå ÔÚ ÁÐ ±í Ìõ Ä¿ °ü º¬ µÄ Á½ ¸ö ²¿ ·Ö µÄ ÐΠʽ ÉÏ ÓÐ Çá ΢ µÄ ²î ±ð: Ò» ¸ö ³õ ʼ »¯ ±ê Ç© ºÍ Ãè Êö. ±ê Ç© ͨ ¹ý DT Ôª ËØ ³õ ʼ »¯ ²¢ Ö» °ü º¬ ±ê ×¢ ÎÄ ×Ö. Õâ ¸ö Ãè ¸üÒÂÊÒ ÒÔ DD Ôª ËØ ¿ª ʼ ²¢ ¿É ÒÔ °ü º¬ ·â ±Õ ¼¶ Ôª ËØ.
Õâ Àï ÊÇ Ò» ¸ö ÁÐ ±í ¶¨ Òå Àý ³Ì.
  
<DL>
    <DT> <em>Daniel</em>
    <DD> Born in France, Daniel's favorite food is foie gras.
         <P> In this paragraph, we'll discuss Daniel's
         harem: Pascale, Audrey, Laurie, and Alice.
    <DT> <em>Tim</em>
    <DD> Born in New York, Tim's favorite food is ice cream.
  </DL>
¶Ô ÓÚ ÁÐ ±í ¶¨ Òå µÄ äÖ È¾ »ù ÓÚ Óà »§ ´ú Àí Æ÷. Äã µÄ Óà »§ ´ú Àí Æ÷ Èç Ï äÖ È¾ Õâ ¸ö Àý ³Ì:
Daniel
Born in France, Daniel's favorite food is foie gras.

In this paragraph, we'll discuss Daniel's harem: Pascale, Audrey, Laurie, and Alice.

Tim
Born in New York, Tim's favorite food is ice cream.

DIR ºÍ MENU ÔªËØ

DIR ºÍ MENU ÊÇ ²» ÔÞ ³É µÄ
<!ELEMENT (DIR|MENU) - -  (LI)+ -(%blocklevel)>
<!ATTLIST DIR
  %attrs;                          -- %coreattrs, %i18n, %events --
  compact     (compact)  #IMPLIED
  >
<!ATTLIST MENU
  %attrs;                          -- %coreattrs, %i18n, %events --
  compact     (compact)  #IMPLIED
  >
¿ª ʼ ±ê ¼Ç: Ðè  Òª, ½á Êø ±ê ¼Ç: Ðè  Òª
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
DIR ±» Éè ¼Æ ³É Óà À´ ½¨ Á¢ ¶à Êú ÁÐ Ä¿ ¼ ÁÐ ±í. ¶ø MENU Ôª ËØ ±» Éè ¼Æ ³É Óà ÓÚ µ¥ Êú ÁÐ ²Ë µ¥ ÁÐ ±í. Á½ Õß ¶¼ ¾ß ÓÐ Óë UL Ïà ͬ µÄ ½á ¹¹ Ö» ²» ¹ý äÖ È¾ ·½ ʽ ²» ͬ. ÔÚ Êµ ¼ù ÖÐ, Óà »§ ´ú Àí Æ÷ ½« ÒÔ Óë UL ÁÐ ±í Íê È« Ïà ͬ µÄ ·½ ʽ À´ äÖ È¾ DIR »ò MENU ÁÐ ±í.

ÎÒ ÃÇ Ç¿ ÁÒ ½¨ Òé ʹ Óà UL À´ ´ú Ìæ Õâ Щ Ôª ËØ.