---

Ç°Ò³   ºóÒ³   Ŀ¼   ÔªËØ   ÌØÐÔ

---

• HTML Óï·¨: Èç ºÎ Ð´ Ôª ËØ, ÌØ ÐÔ ºÍ ×¢ ½â.
• HTML DTD: Èç ºÎ ¶Á HTML DTD.

¹ØÓÚ

Ò»  ¸ö SGML Ó¦ Óà ³Ì ʽ °ü º¬ Ï ÁÐ ÁÐ ²¿ ·Ö

1. SGML Éù Ã÷. SGML Éù Ã÷ Ö¸ ¶¨ ÁË ÄÄ Ð© ×Ö ·û ºÍ ¶¨ λ ·û ½« ³ö ÏÖ ÔÚ Ó¦ Óà ÖÐ.
2. ÎÄ µµ ÐÍ Ê½ ¶¨ Òå (Document type definition, DTD). DTD ¶¨ Òå ÁË ±ê ×¢ ½á ¹¹ µÄ Óï ·¨. DTD ¿É ÒÔ °ü º¬ À© Õ¹ µÄ ¶¨ Òå Èç Êý ×Ö ºÍ ×Ö ·û Ìõ Ä¿.
3. Ò» ·Ý ˵ Ã÷ Êé Ãè Êö ÁË Óï Òâ ѧ ÉÏ µÄ ±ê ×¢. Õâ ·Ý Ëµ Ã÷ Êé Ò² ¼Ó ÉÏ ÁË ²» ÄÜ ÔÚ DTD ÖÐ ±í ´ï µÄ Óï ·¨ µÄ ÏÞ ÖÆ.
4. ÎÄ µµ ʵ Àý °ü º¬ Êý ¾Ý (Ä¿ ¼) ºÍ ±ê ×¢. ÿ Ò» ¸ö Àý ³Ì °ü º¬ ÁË Ò» ¸ö DTD Óà À´ ˵ Ã÷ µÄ ²Î ¿¼.

HTML Óï·¨

ͳһµØ

ÎÒ ÃÇ ½« ÔÚ ÒÔ ºó µÄ HTML ×Ö·ûÌõÄ¿ ÖÐ ÌÖ ÂÛ Õâ Щ ϸ ½Ú, ²Î ¼û HTML ÎÄ µµ ×Ö ·û ¼¯ µÄ Õ ½Ú.

ÔªËØ

Ò» ¸ö Ôª ËØ µÄ ¿ª ʼ ±ê ¼Ç д ×÷ <element-name>, Õâ Àï µÄ element-name ÊÇ Ôª ËØ Ãû ³Æ. Ò» ¸ö Ôª ËØ µÄ ½á Êø ±ê ¼Ç ÔÚ ¿ª ʼ ±ê ¼Ç Ç° ¼Ó ÉÏ Ò» ¸ö б ¸Ü: </element-name>.
Àý Èç,

Ò» Щ HTML Ôª ËØ Ã» ÓÐ ÄÚ ÈÝ. Èç, »» ÐÐ Ôª ËØ BR û ÓÐ ÄÚ ÈÝ; Ëü µÄ Ψ Ò» ×÷ Óà ¾Í ÊÇ ÖÕ Ö¹ Ò» ÐÐ ÎÄ ×Ö. Èç "empty" Ôª ËØ ´Ó À´ û ÓÐ ½á Êø ±ê ¼Ç. ÔÚ ²Î ¿¼ ÊÖ ²á ÖÐ µÄ ÿ Ò» ¸ö Ôª ËØ µÄ ¶¨ Òå ¶¼ Ö¸ ³ö ÊÇ ²» ¿É ÒÔ Îª ¿Õ (û ÓÐ ÄÚ ÈÝ), Èç ¹û ÄÜ ¹» ÓÐ ÄÚ ÈÝ, Ôò ÌÖ ÂÛ Ê² ô ÊÇ ºÏ ·¨ ÄÚ ÈÝ.

Ôª ËØ Ãû ³Æ ¾­ ³£ ÊÇ ´ó С д ÎÞ ¹Ø µÄ.

ÌØÐÔ

<H1 align="center">
This is a centered heading thanks to the align attribute
</H1>

ÔÚ Ò» ¶¨ Çé ¿ö ÏÂ, ¿É ÄÜ ÔÚ HTML ÖÐ Ö¸ ¶¨ ÌØ ÐÔ µÄ Öµ ¶ø ÎÞ Ðè ÈÎ ºÎ Òý ºÅ. ÌØ ÐÔ Öµ Ö» ÄÜ °ü º¬ ×Ö Ä¸ (a-z ºÍ A-Z), Êý ×Ö (0-9), ¶Ì Ïß (10 ½ø ÖÆ ASCII Âë 45) ºÍ С Êý µã (10 ½ø ÖÆ ASCII Âë 46). ÎÒ ÃÇ ½¨ Òé ¼´ ʹ  ÔÚ ¿É ÒÔ ÎÞ Ðë µÄ Çé ¿ö Ï Ҳ ʹ Óà Òý ºÅ.

ÌØ ÐÔ Ãû ³Æ Ò» Ö± ÊÇ ´ó С д ÎÞ ¹Ø µÄ.

ÌØ ÐÔ Öµ ͨ ³£ ÊÇ ´ó С д Ôª ¹Ø µÄ . ÔÚ ²Î ¿¼ ÊÖ ²áÖРÿ ¸ö ÌØ ÐÔ µÄ ¶¨ Òå ʱ Ö¸ ³ö Ëü µÄ Öµ ÊÇ ·ñ ´ó С д ÎÞ ¹Ø.

HTML ×¢ÊÍ

    
<!-- this is a comment -->
<!-- and so is this one,
    which occupies more than one line -->

ÈçºÎÔĶÁ HTML DTD

·â±Õ¼¶±ðºÍÄÚ²ãÔªËØ

ÄÚÈÝÄ£ÐÍ

ͨ ³£, ·â ±Õ ¼¶ Ôª ËØ ¿É ÒÔ °ü º¬ ÄÚ ²ã Ôª ËØ ºÍ Æä Ëü µÄ ·â ±Õ ¼¶ Ôª ËØ. ͨ ³£, ÄÚ ²ã Ôª ËØ Ö» ÄÜ °ü º¬ Êý ¾Ý ºÍ Æä Ëü ÄÚ ²ã Ôª ËØ. ÔÚ ½á ¹¹ µÄ ¼Ì ³Ð ·½ Ãæ ÓÐ Ò» ¸ö ¸Å Äî ¾Í ÊÇ ·â ±Õ ¼¶ ½¨ Á¢ ½Ï Ö® ÓÚ ÄÚ ²ã Ôª ËØ µÄ "¸ü ´ó" µÄ ½á ¹¹.

¸ñʽ

ȱ Ê¡ µÄ, ·â ±Õ ¼¶ Ôª ËØ ±È ÄÚ ²ã Ôª ËØ ¸ü ¸ñ ʽ »¯. ·â ±Õ ¼¶ Ôª ËØ Í¨ ³£ ÒÔ Ð µÄ Ò» ÐÐ ¿ª ʼ, ¶ø ÄÚ ²ã Ôª ËØ Ôò ²». ·â ±Õ ¼¶ Ôª ËØ ½á Êø Ò» ¸ö δ ÖÕ Ö¹ µÄ ¶Î Âä. Õâ ÄÜ ¹» ʹ Äã ÔÚ Ä³ Щ Çé ¿ö Ï ʡ ÂÔ ¶Î Âä µÄ ½á Êø ±ê ¼Ç.

·½ÏòÐÔ

ÓÉ ÓÚ ¼¼ Êõ µÄ Ô­ Òò °ü À¨ [UNICODE] Ë« Ïò ÔË Ëã ·¨ Ôò, ·â ±Õ ¼¶ ºÍ ÄÚ ²ã Ôª ËØ ÔÚ Èç ºÎ ¼Ì ³Ð ·½ Ïò ЊϢ ÉÏ ÓÐ Ëù ²» ͬ. ¹Ø ÓÚ Ï¸ ½Ú, Çë ²Î ¼û Îı¾·½ÏòµÄ¼Ì³Ð ²¿ ·Ö.

·â ±Õ ¼¶ µÄ ºÍ ÄÚ ²ã Ôª ËØ µÄ µä ÐÍ Õ¹ ÏÖ Ï° ¹ß µÄ ÂÖ Ìæ Ò² ÓÐ Ò» ¸ö ¶Ô ÓÚ Ë« Ïò ÎÄ ±¾ ÔË Ëã ·¨ Ôò µÄ ³å »÷. ²Î ¼û ·ç¸ñÒ³¶ÔÓÚË«ÏòÐÔµÄÓ°Ïì Õ ½Ú »ñ µÃ ¸ü ¶à ЊϢ.

DTD ×¢ÊÍ

<!ELEMENT PARAM - O EMPTY       -- named property value -->

ÌõÄ¿¶¨Òå

Ò» ¸ö Ìõ Ä¿ ¶¨ Òå ÒÔ ¹Ø ¼ü ´Ê <!ENTITY % ¿ª ʼ ºó Ëæ Ìõ Ä¿ Ãû ³Æ, Òý ºÅ °ü À¨ ÁË Òª À© Õ¹ µÄ Ìõ Ä¿, ×î ºó Óà һ ¸ö ½á Êø ·û >. Ï Ãæ µÄ Àý ³Ì ¶¨ Òå ÁË Ò» ¸ö %font Ìõ Ä¿ ²¢ ½« ±»  À© Õ¹.

Äã ½« »á Ƶ ·± µØ Óö µ½ Á½ ÖÖ DTD Ìõ Ä¿ ÔÚ HTML DTD ÖÐ: %inline ºÍ %block. Ëü ÃÇ ÔÚ ÄÚ ÈÝ Ä£ ¿é °ü º¬ ÄÚ ²ã »ò ·â ±Õ Ôª ËØ Ê± ±» ʹ ÓÃ.

ÔªËض¨Òå

1. Ôª ËØ µÄ Ãû ³Æ.
2. Ôª ËØ µÄ ½á Êø ±ê ¼Ç ÊÇ ·ñ ÊÇ ¿É Ñ¡ µÄ. ÔÚ Ôª ËØ Ãû ³Æ ºó Ãæ ÓÐ Á½ ¸ö ¶Ì ºá Ôò ±í ʾ ¿ª ʼ ±ê ¼Ç ºÍ ½á Êø ±ê ¼Ç ¶¼ ÊÇ Ç¿ ÖÆ ÐÔ µÄ. Ò» ¸ö ºó Ëæ ×Ö Ä¸ "O" (²» ÊÇ Áã) µÄ ¶Ì ºá Òâ ζ ×Å ½á Êø ±ê ¼Ç ¿É ±» Ê¡ ÂÔ. Ò» ¶Ô ×Ö Ä¸ "O" Ôò Òâ ζ ×Å ¿ª ʼ ±ê ¼Ç ºÍ ½á Êø ±ê ¼Ç ¾ù ¿É Ê¡ ÂÔ.
3. Ôª ËØ µÄ ÄÚ ÈÝ, Èç ¹û ÓÐ µÄ »°, Ò» ¸ö Ôª ËØ µÄ ÔÊ Ðí µÄ ÄÚ ÈÝ ±» ½Ð ×ö ÄÚ ÈÝ Ä£ °å. û ÓÐ ÄÚ ÈÝ µÄ Ôª ËØ ±» ½Ð ×ö ¿Õ Ôª ËØ. ¿Õ Ôª ËØ ÒÔ ¹Ø ¼ü ´Ê "EMPTY" ¶¨ Òå.

    <!ELEMENT UL - - (LI)+>

    <!ELEMENT IMG - O EMPTY>

ÄÚÈÝÄ£°å¶¨Òå

• ÔÊ Ðí »ò ½û Ö¹ Ôª ËØ µÄ Ãû ³Æ (Àý  Èç UL Ôª ËØ °ü º¬ Ò» ¸ö LI Ôª ËØ Êµ Àý).
• DTD Ìõ Ä¿ (Èç LABEL Ôª ËØ °ü º¬  %inline Ìõ Ä¿ ʵ Àý).
• ÎÄ µµ ÎÄ ±¾ (Ö¸ ͨ ¹ý SGML "#PCDATA" ½á ¹¹). ÎÄ ±¾ ¿É ÒÔ °ü º¬ Êý×ÖºÍÃüÃû×Ö·ûÌõÄ¿. ÒÔ &amp; ¿ª ʼ ºô ½Ð ²¢ ÒÔ ·Ö ºÅ ½á β (Èç "Herg&eacute;'s adventures of Tintin" °ü º¬  ÁË "acute e" ×Ö ·û µÄ Ãü Ãû ×Ö ·û Ìõ Ä¿).

ÄÚ ÈÝ Ä£ °å ʹ Óà Ï ÁÐ µÄ Óï ·¨ À´ ¶¨ Òå ÄÄ  Щ ±ê ¼Ç ÊÇ Ôª ËØ ÄÚ ÈÝ ÔÊ Ðí:

( ... )

¶¨ Òå Ò» ×é.

A | B

A ºÍ B Á½ Õß ¾ù ÔÊ Ðí, ²¢ ¿É ÒÔ °´ ÈÎ ºÎ ´Î Ðò.

A , B

A ±Ø Ðë ³ö ÏÖ ÔÚ B Ö® Ç°.

A & B

A ºÍ B Á½ ´Î ±Ø Ðë ³ö ÏÖ Ò» ¸ö, µ« ¿É ÒÔ °´ ÈÎ ºÎ ´Î Ðò.

A?

A ¿É ÒÔ ³ö ÏÖ Áã »ò Ò» ´Î.

A*

A ¿É ÒÔ ³ö ÏÖ Áã »ò ¸ü ¶à ´Î

A+

A ¿É ÒÔ ³ö ÏÖ Ò» ´Î »ò ¸ü ¶à ´Î

   <!ELEMENT A - - (%text)* -(A)>

   <!ELEMENT FORM - - %block -(FORM)>

ÌØÐÔ¶¨Òå

• Ò» ¸ö ÌØ ÐÔ Ãû ³Æ.
• ÌØ ÐÔ Öµ µÄ Àà ÐÍ »ò Ò» ¸ö ÏÔ Ê½ µÄ ¿É ÄÜ µÄ Öµ µÄ ¼¯ ºÏ. ÔÚ DTD ÖÐ ÏÔ Ê½ Öµ ¶¨ Òå ÊÇ ´ó С д ÎÞ ¹Ø µÄ. 
• ²» ÂÛ ÌØ ÐÔ µÄ ȱ Ê¡ Öµ ÊÇ ·ñ ÊÇ Òþ ʽ µÄ (¹Ø ¼ü ´Ê "#IMPLIED"), Ò» Ö± Ðè Òª (¹Ø ¼ü ´Ê "#REQUIRED") »¹ ÊÇ »ò ×é ºÏ ºó ¸ø ³ö Öµ (¹Ø ¼ü ´Ê "#FIXED");  ÔÚ Õâ Щ Çé ¿ö Ï ȱ Ê¡ Öµ ±Ø Ðë ÓÉ Óà »§ ´ú Àí Æ÷ Ìá ¹© (ÔÚ Ä³ Щ Çé ¿ö Ï ͨ ¹ý ´Ó ¸¸ Ôª ËØ ¼Ì ³Ð ¶ø À´). ij Щ Ôª ËØ ÏÔ Ê¾ µØ Ö¸ ¶¨ ÌØ ÐÔ Ôª ËØ µÄ ȱ Ê¡ Öµ.

<!ATTLIST MAP
  name        CDATA     #IMPLIED
  >

rowspan     NUMBER     1         -- number of rows spanned by cell --
http-equiv  NAME       #IMPLIED  -- HTTP response header name  --
id          ID         #IMPLIED  -- document-wide unique id -- 
valign      (top|middle|bottom|baseline) #IMPLIED

ÔÚÌØÐÔ¶¨ÒåÖеĠ DTD ÌõÄ¿

<!ATTLIST LINK
  %attrs;                          -- id, class, style, lang, dir, title --
  href        %URL       #IMPLIED  -- URL for linked resource --
  ...more of the definition...
  >

<!ATTLIST P
  id          ID         #IMPLIED  -- document-wide unique id --
  class       CDATA      #IMPLIED  -- comma list of class values --
  style       CDATA      #IMPLIED  -- associated style info --
  title       CDATA      #IMPLIED  -- advisory title/amplification -- 
  lang        NAME       #IMPLIED  -- [RFC1766] language value --
  dir         (ltr|rtl)  #IMPLIED  -- direction for weak/neutral text --
  align (left|center|right|justify)  #IMPLIED
  >

<!ENTITY % URL "CDATA"
        -- The term URL means a CDATA attribute
           whose value is a Uniform Resource Locator,
           See [RFC1808] and [RFC1738]
        -->

²¼¶ûÌØÐÔ

²¼ ¶û ÌØ ÐÔ ¿É ÒÔ ÓÐ Ò» ¸ö ºÏ ·¨ µÄ ¼ò µ¥ Öµ: ÌØ ÐÔ Ãû ³Æ ±¾ Éí.(Èç selected="selected").

selected     (selected)  #IMPLIED  -- reduced interitem spacing --

<OPTION selected="selected">
...contents...
<OPTION>

<OPTION selected>

<OPTION selected="selected">

---

Ç°Ò³   ºóÒ³   Ŀ¼   ÔªËØ   ÌØÐÔ

---

 

---

Last Updated: 7-30-1997