ÎÄ×Ö

Ŀ¼
  1. ¿Õ°×ÇøÓò
  2. ½á¹¹»¯ÎÄ×Ö
    1. ¶ÌÓïÔªËØ: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE ºÍ ACRONYM
    2. ÒýÓÃ: BLOCKQUOTE ºÍ Q ÔªËØ
    3. ϱêÓëÉϱê: SUB ºÍ SUP ÔªËØ
  3. ÐкͶÎÂä
    1. ¶ÎÂä: P ÔªËØ
    2. ¶ÎÂäºÍÊÓ¾õäÖȾ
    3. ¿ØÖÆ»»ÐÐ
    4. Á¬×Ö·û
    5. Ô¤ÖÃÎı¾: PRE ÔªËØ
  4. ±ê×¢Îĵµ¸Ä±ä: INS ºÍ DEL ÔªËØ
    1. ÈÕÆÚºÍʱ¼ä¸ñʽ
ÏÂ Ãæ µÄ Ò» Ãæ ÌÖ ÂÛ Î§ ÈÆ ÎÄ ×Ö µÄ ½á ¹¹. ¸ñ ʽ ÎÄ ×Ö µÄ Ôª ËØ (¶Ô Æë Ôª ËØ, ×Ö Ìå Ôª ËØ, ×Ö ÐÎ Ôª ËØ µÈ µÈ) ½« ÔÚ Õâ ·Ý Ëµ Ã÷ Êé µÄ ÒÔ ºó ÌÖ ÂÛ. Èç ¹û ÓÐ ×Ö·ûÓï·¨ µÄ ÎÊ Ìâ Çë ²Î ÔÄ SGML ²¿ ·Ö.

¿Õ°×ÇøÓò

SGML ˵ Ã÷ Êé ÑÏ ¸ñ Çø ·Ö ¿ª ʼ ·û (line feeds)  ºÍ ½á Êø ·û (carriage returns). ÔÚ ¹ú ¼Ê »¥ Áª Íø ÉÏ, ÓРЩ ƽ ̨ ʹ Óà carriage return line feed ¶Ô À´ ×÷ Ϊ »» ÐÐ, ÓРЩ Ö» Óà line feeds, ¶ø ÓРЩ Ö» Óà carriage returns. Òò ´Ë, Óà »§ ´ú Àí Æ÷ Ó¦ µ± ÅÐ ¶¨ µ¥ ¸ö µÄ line feed ºÍ carriage return ×Ö ·û ×÷ Ϊ »» ÐÐ ·û, ¶ø carriage return line feed ¶Ô Ò² Ó¦ µ± ×÷ Ϊ µ¥ ¸ö µÄ »» ÐÐ ·û. (Òë ×¢: Õâ ¾Í ÊÇ ÎÒ ÃÇ ³£ ˵ µÄ ASCII Âë 0A Óë OD µÄ ¹Ø ϵ).

½ô ¸ú ×Å ¿ª ʼ ±ê ¼Ç ºó ³ö ÏÖ µÄ »» ÐÐ ·û Ó¦ µ± ±» ºö ÂÔ, ÔÚ ½á Êø ±ê ¼Ç ǰ µÄ ³ö ÏÖ »» ÐÐ ·û Ò² Èç ´Ë. Õâ ¸ö Ó¦ Óà ¶Ô Ëù ÓÐ µÄ HTML û ÓÐ Òì ³£. ¶î Íâ µÄ, ¶Ô Ëù ÓÐ ³ý PRE ÒÔ Íâ µÄ Ôª ËØ, ÁÚ ½ü ¿Õ °× Çø Óò µÄ Ðò ÁÐ Èç ¿Õ ¸ñ, Ë® ƽ TAB, ±í µ¥ ½á Êø ºÍ »» ÐÐ ·û ¾ù ±» Ìæ »» ³É µ¥ ¸ö µÄ ¿Õ ¸ñ ×Ö ·û.

ÖÚ ¶à µÄ ½Å ±¾ (ÎÄ ×Ö Êé д Óï ÑÔ) Óë ½Å ±¾ ¼ä µÄ ¶Ô ¿Õ °× Çø Óò  µÄ ¿´ ·¨ ÊÇ ²» ͬ µÄ, Óà »§ ´ú Àí Æ÷ Ó¦ µ± Óà ½Å ±¾ Ãô ¸Ð µÄ ·½ ʽ À´ ½â ³ý ¿Õ °× Çø Óò. Àý Èç, ¶Ô ÓÚ À­ ¶¡ Óï ½Å ±¾, Ò» ¸ö ´Ê µÄ ¿Õ ¸ñ ¾Í ÊÇ Ò» ¸ö ¿Õ ¸ñ (ASCII 10 ½ø ÖÆ Âë 32), È» ¶ø ÔÚ Ì© Óï ÖÐ ÊÇ Ò» ¸ö 0-¿í¶È µÄÒ» ¸ö ×Ö µÄ µ¥ ´Ê ·Ö ¸ô ·û,.ÔÚ ÈÕ Óï ºÍ ºº Óï ÖÐ, Ò» ¸ö ´Ê µÄ ¿Õ ¸ñ Íê È« ±» ºö ÂÔ.

Õâ Щ ¹æ Ôò ÔÊ Ðí ×÷ À´ ʹ Óà ¿Õ °× Çø Óò À´ ÏÔ Ê¾ Ëü ÃÇ Ï£ Íû µÄ ±ê ×¢, HTML Ô´ ÖÐ µÄ ¿Õ °× Çø Óò ²» »á ±»  ÈÎ ºÎ Óà »§ ´ú Àí Æ÷ äÖ È¾.

Àý Èç, ÏÂ Ãæ µÄ HTML Ô´ Âë:

<P>
  This example shows a paragraph and a list.
</P>

<UL>
  <LI>
    This is the <EM>first</EM> item
  </LI>

  <LI>
    This is the <EM>second</EM> item
  </LI>
</UL>
Ò² ¿É ÒÔ Ð´ ×÷ (ͨ ¹ý ºö ÂÔ ½á Êø ·û) ²¢ ÇÒ ¿´ È¥ ´ó ²» Ïà Ïó (ͨ ¹ý ¼õ ÉÙ ¿Õ °× Çø Óò):
<P>This example shows a paragraph and a list.

<UL>
  <LI>This is the <EM>first</EM> item
  <LI>This is the <EM>second</EM> item
</UL>
« Ó¦ µ± ¿É ÒÔ ±» Óà »§ ´ú Àí Æ÷ Ïà µÈ µØ äÖ È¾.
PRE ±» Óà ×÷ Ô¤ÖÃÎı¾, ¶ø Õâ Àï µÄ ¿Õ °× Çø Óò Ôò ÊÇ ÖØ Òª µÄ. PRE Ôª ËØ ÔÚ Ï Ãè Êö
µ¥ ´Ê ¿Õ ¸ñ ´¦ Àí ÄÜ ¹» ²¢ Óà Ӧ ¸Ã ÔÚ ¼´ ʹ ȱ ÉÙ  lang ÌØ ÐÔ Ö¸ ¶¨ Óï ÑÔ ÐŠϢ µÄ Çé ¿ö Ï Ҳ ÄÜ Íê ³É.attribute. Õâ ÊÇ ¸ö ½Å ±¾ ÎÊ Ìâ, ¶ø ·Ç Óï ÑÔ ÎÊ Ìâ.

½á¹¹»¯Îı¾

¶ÌÓïÔªËØ:EM,STRONG,DFN,CODE,SAMP,KBD,VAR,CITE, ºÍACRONYM

<!ENTITY % phrase "EM | STRONG | DFN | CODE |
                   SAMP | KBD | VAR | CITE | ACRONYM">
<!ELEMENT (%font|%phrase) - - (%inline)*>
<!ATTLIST (%font|%phrase)
  %attrs;                          -- %coreattrs, %i18n, %events --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ÔÚ Ëü ´¦ ¶¨ Òå
ÎÄ ×Ö Æ¬ ¶Ï µÄ ¶Ì Óï ¿É ÒÔ ¼Ó ÉÏ ½á ¹¹ »¯ µÄ ЊϢ. Ö÷ Òª µÄ ¶Ì Óï Ôª ËØ µÄ º­ Òå Èç ÏÂ:
EM:
 Òâ Ö¸ Ç¿ µ÷.
STRONG:
 Òâ Ö¸ Ç¿ ÁÒ µÄ Ç¿ µ÷.
CITE:
 Òý Óà ²Î ¿¼ »ò Æä Ëü ×Ê Ô´.
DFN:
Òâ ζ ×Å Õâ ÊÇ Ò» ¸ö °ü º¬ ÄÚ ÈÝ µÄ Òý Ö¤.
CODE:
 Ö¸ ³ö ÊÇ ¼ÆËã »ú ´ú Âë ¶Î.
SAMP:
 Ö¸ ³ö ÊÇ ³Ì Ðò ½Å ±¾ µÄ Àý ³Ì Êä ³ö, µÈ µÈ.
KBD:
Ö¸ ÎÄ ×Ö ÓÉ ÓÃ »§ Êä Èë.
VAR:
Ö¸ ±ä Àí »ò ³Ì ʽ ²Î Êý µÄ Àý Ö¤.
ACRONYM:
 Ö¸ Ò» ¸ö Ëõ ÂÔ Óï (Àý Èç WWW, HTTP, URL µÈ µÈ).
EM ºÍ STRONG ͨ ³£ Óà ÓÚ Ç¿ µ÷ Óï Æø. ¶Ô ÓÚ Æä Ëü µÄ ¶Ì Óï Ôª ËØ ÔÚ ¼¼ Êõ ÎÄ µµ ÖÐ Ò² ÓÐ Æä ×Ô Éí µÄ ÖØ Òª Òâ Òå. Õâ ´Ë Àý ³Ì ˵ Ã÷ ÁË Ò» Щ ÎÄ ×Ö ±ê Ö¾ Ôª ËØ µÄ äÖ È¾.:
"More information can be found in <CITE>[ISO-0000]</CITE>."

"Please refer to the following reference number in future
correspondence: <STRONG>1-234-55</STRONG>"
¶ø ACRONYM Ôª ËØ ÔÊ Ðí ×÷ Õß Çå Çå ³þ µØ ±ê ʶ Ò» ¸ö ×é ³É Ëõ ÂÔ Óï µÄ ×Ö ·û Ðò ÁÐ (Èç: "WWW", "FNAC", "IRS", µÈ µÈ). ±ê ʶ Ëõ ÂÔ ÓïµÄ ÄÜ Á¦ ¶Ô ÓÚ Æ´ д ¼ì ²é, Óï Òô ϵ ͳ , Æä Ëü µÄ Óà »§ ´ú Àí Æ÷ ¶ø ¹¤ ¾ß À´ ˵ ÊÇ ÓÐ Óà µÄ.

ÔÚ ACRONYM Ôª ËØ ×¢ ½â ÖÐ µÄ ÄÚ ÈÝ Ö¸ ¶¨ ÁË Ëõ ÂÔ Óï µÄ ±¾ Éí. title ÌØ ÐÔ ¿É ÒÔ Óà À´ Ìá ¹© ÄÄ ¸ö Ëõ ÂÔ Óï ±» ʹ ÓÃ. Õâ Àï ÊÇ Ò» Щ Ëõ ÂÔ Óï ¶¨ Òå Àý ³Ì:

<ACRONYM title="World Wide Web">WWW</ACRONYM>
<ACRONYM 
   lang="fr" 
   title="Soci&eacute;t&eacute; Nationale de Chemins de Fer">
   SNCF
</ACRONYM>
¶Ì Óï Ôª ËØ µÄ ±í ÏÖ È¡ ¾ö ÓÚ Óà »§ ´ú Àí Æ÷. ͨ ³£, ¿É ÊÓ »¯ Óà »§ ´ú Àí Æ÷ ÒÔ Ð± Ìå ×Ö ±í ÏÖ  EM ÎÄ ±¾ ²¢ ÒÔ ºÚ Ìå À´ ±í ÏÖ STRONG ÎÄ ×Ö. Óï Òô ϵ ͳ Óà »§ ´ú Àí Æ÷ Ôò µ÷ Õû ×Û ºÏ ²Î Êý, Èç Òô Á¿, Òô ¸ß ºÍ Ïà Ó¦ µÄ Ƶ ÂÊ. Ëõ ÂÔ Óï Ôò ͨ ¹ý ¸ö ±ð µÄ ×Ö Ä¸ ·Ö ¿ª ·¢ Òô.
×¢ Òâ: Õâ ¸ö °æ ±¾ µÄ HTML ²¢ û ÓÐ °ü º¬ Óà ÓÚ Ëõ д µÄ ÌØ Êâ µÄ ±ê ×¢. ÎÒ ÃÇ ½¨ Òé Óï Òô ϵ ͳ ʹ Óà ¿Í »§ ¶Ë ×Ö µä À´ Õ¹ ¿ª ÈÎ ºÎ ÔÚ ÎÄ µµ ÖÐ µÄ Ëõ д. ¶Ô ÓÚ ×¨ Òµ »¯ µÄ ´Ê »ã, ÎÄ µµ ÖÐ LINK Ôª ËØ Í· ¿É ÒÔ À´ Ö¸ ¶¨ ºÏ ÊÊ µÄ ×Ö µä.

ÒýÓà :BLOCKQUOTE ºÍQ ÔªËØ

<!ELEMENT BLOCKQUOTE - - %block>
<!ATTLIST BLOCKQUOTE
  %attrs;                          -- %coreattrs, %i18n, %events --
  cite        %URL       #IMPLIED  -- URL for source document or msg --
  >
<!ELEMENT Q - - (%inline)*>
<!ATTLIST Q
  %attrs;                          -- %coreattrs, %i18n, %events --
  cite        %URL       #IMPLIED  -- URL for source document or msg --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç : Ðè Òª
ÌØ ÐÔ ¶¨ Òå
 
cite = url
Õâ ¸ö ÌØ ÐÔ µÄ Öµ ÊÇ Ò» ¸ö ͳ Ò» ×Ê Ô´ ¶¨ λ Æ÷ (URL) Óà À´ Ö¸ ¶¨ Ô´ ÎÄ µµ »ò Ïû Ï¢. Õâ ¸ö ÌØ ÐÔ ÓÐ Òâ µØ °Ñ È¡ µÃ Òý Óà ÓïµÄ Ô´ ЊϢ Ìá ¹© ³ö À´.
Õâ Àï ÓÐ Á½ ¸ö Ôª ËØ À´ Ö¸ ¶¨ Òý Óà ÎÄ ×Ö. BLOCKQUOTE Óà À´ ¶Ô ³¤ Òý Óà ¶ø Q ÓÐ Òâ Óà À´ ×÷ Ϊ û Óà ·Ö ¶Î µÄ Òý ÓÃ.
Õâ ¸ö Àý ³Ì ¸ñ ʽ Ñ¡ ×Ô "The Two Towers", ×÷ Õß J.R.R. Tolkien, ×÷ Ϊ Ò» ¸ö ·â ±Õ Òý ÓÃ.
<BLOCKQUOTE cite="http://www.mycom.com/tolkien/twotowers.html">
They went in single file, running like hounds on a strong scent,
and an eager light was in their eyes. Nearly due west the broad
swath of the marching Orcs tramped its ugly slot; the sweet grass
of Rohan had been bruised and blackened as they passed.
</BLOCKQUOTE>
¿É ÊÓ »¯ Óà »§ ´ú Àí Æ÷ ͨ ³£ °Ñ BLOCKQUOTE ×÷ Ϊ ½» ´í µÄ ·â ±Õ µ¥ Ôª À´ äÖ È¾.
Òý ºÅ uotation marksIÎÒ ÃÇ ½¨ Òé ʹ Óà ·ç ¸ñ Ò³ À´ ¾ö ¶¨ ²å Èë ÓÉ Q »ò BLOCKQUOTE Ôª ËØ ÏÞ ¶¨ µÄ Òý Óà ²¿ ·Ö µÄ ǰ ºó Òý ºÅ,  ¶Ô ÓÚ µ± ǰ Óï ÑÔ ÉÏ Ï ÎÄ ¹Ø ϵ (see the lang attribute) ÒÔ ¼° Ƕ Ì× µÄ Òý Óà ²ã ´Î ÊÇ Ò» ÖÖ ÊÊ µ± µÄ ·½ ·¨.

²» ¹ý, Ò» Щ ×÷ Õß Ôø ¾­ Ö» °Ñ BLOCKQUOTE ½ö ½ö Óà ÓÚ »® ¶¨ ÎÄ ×Ö, Ϊ ÁË ±£ ³Ö Ä¿ ǰ ×÷ Õß µÄ Óà ·¨, ½¨ Òé Óà »§ ´ú Àí Æ÷ ²» Òª °Ñ Òý ºÅ ²å Èë ȱ Ê¡ ·ç ¸ñ.

´Ë Íâ, Èç ¹û ×÷ Õß ÔÚ Q »ò BLOCKQUOTE Ôª ËØ ÖÐ °ü º¬ ÁË Òý ºÅ, Óà »§ ´ú Àí Æ÷ ²» Ó¦ µ± ²å Èë ¶î Íâ µÄ Òý ºÅ.

ʹ Óà BLOCKQUOTE À´ »® ¶¨ ÎÄ ×Ö ÊÇ ºÃ µÄ ·ç ¸ñ Ò³ Ëù ·´ ¶Ô µÄ.

ϱêºÍÉϱê:SUB ºÍSUP ÔªËØ

<!-- subscripts and superscripts -->
<!ELEMENT (SUB|SUP) - - (%inline)*>
<!ATTLIST (SUB|SUP)
  %attrs;                          -- %coreattrs, %i18n, %events --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
Ðí ¶à ½Å ±¾ (Èç ·¨ Óï) Ðè Òª Ï ±ê »ò ÉÏ ±ê À´ ×÷ ÊÊ µ± µÄ äÖ È¾. SUB ºÍ SUP elÔª ËØ ¿É ÒÔ ÔÚ Õâ Щ Çé ¿ö Ï À´ ±ê ×¢.
Õâ Àï, ÎÒ ÃÇ Ê¹ Óà SUP À´ Ìá ¸ß ·¨ Óï µ¥ ´Ê ÖÐ µÄ "Mlle Dupont" µÄ "lle".
      M<sup>lle</sup> Dupont

ÐкͶÎÂä

×÷ Õß µä ÐÍ µØ °Ñ Ëû ÃÇ ÃÇ µÄ ˼ Ïë ºÍ ÂÛ µã ·Ö ³É ÓÐ Ðò µÄ ¶Î Âä. ¶Ô ÓÚ °Ñ ЊϢ ×é Ö¯ ³É ¶Î Âä ²¢ ²» ÊÜ ¶Î Âä ÄÚ ÈÝ Ó° Ïì: ×ó ¶Ô Æë µÄ ¶Î Âä ºÍ Ë« Ãæ ¶Ô Æë µÄ ¶Î Âä ±í ´ï ÁË Ïà ͬ µÄ ÂÛ µã.

HTML ±ê ×¢ ¶Ô ÓÚ ¶¨ Òå Ò» ¸ö ¶Î Âä ÊÇ Ö± ˬ µÄ: Óà P Ôª ËØ À´ ¶¨ Òå Ò» ¸ö ¶Î Âä.

È» ºó ¶Î Âä µÄ ÊÓ ¾õ ±í ÏÖ È´ ²» ÊÇ Õâ ô ¼ò µ¥. Ò» ϵ ÁÐ µÄ Ê Ïî, ·ç ¸ñ µÄ ºÍ ¼¼ Êõ ÉÏ µÄ, ¶¼ ±Ø Ðë ±» ×¢ Òâ:

ÎÒ ÃÇ Ôö ¼Ó ÁË ÏÂ Ãæ µÄ ÎÊ Ìâ. ¶ÎÂä¶ÔÆë·½Ê½ºÍ¸¡¶¯Îï¼þ ½« ÔÚ ±¾ ÎÄ µµ µÄ ÒÔ ºó ½ø ÐÐ ÌÖ ÂÛ.

¶ÎÂä:P ÔªËØ

<!ELEMENT P - O (%inline)*>
<!ATTLIST P
  %attrs;                          -- %coreattrs, %i18n, %events --
  %align;                          -- align, text alignment --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç:  ¿É Ñ¡
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
P Ôª ËØ ±í ʾ Ò» ¸ö ¶Î Âä. µ« ²» ÄÜ °ü º¬ Ò» ¸ö ·â ±Õ ¼¶ µÄ Ôª ËØ (°ü º¬ P ×Ô Éí). Äã ¿É ÒÔ Ê¡ ÂÔ ½á Êø ±ê ¼Ç, È» ºó ¿ª ʼ µÚ ¶þ ¸ö ·â ±Õ ¼¶ µÄ ¿ª ʼ ±ê ¼Ç. µ± È», Ò² ½á Êø ÓÚ ¸½ ×Å µÄ P .
Àý Èç, ÏÂ Ãæ µÄ Á½ ¸ö Àý ³Ì:
<P>This is the first paragraph.</P>
<P>This is the second paragraph.</P>
...a block element...
Ò² ¿É ÒÔ ÖØ д Ϊ û ÓÐ ½á Êø ±ê ¼Ç:
<P>This is the first paragraph.
<P>This is the second paragraph.
...a block element...
¼È È» Á½ ÖÖ ¶¼ ¿É ÒÔ ÔÚ ¸ú ×Å µÄ ·â ±Õ Ôª ËØ Ö® ǰ Òþ ʽ µÄ ½á Êø.  Ïà ͬ µÄ, Èç ¹û Ò» ¸ö ¶Î Âä ±» °ü º¬ ÓÚ Ò» ¸ö ·â ±Õ Ôª ËØ ÖÐ, Ïó Õâ Ñù:
<DIV>
<P>This is the paragraph.
</DIV>
°ü º¬ ·â ±Õ Ôª ËØ µÄ ½á Êø ±ê ¼Ç (Õâ Àï ÊÇ DIV) Ò² Òþ ʽ µØ ×÷ Ϊ P Ôª ËØ µÄ ½á Êø ±ê ¼Ç.
¿Õ µÄ P Ôª ËØ ÊÇ »µ µÄ ±í µ¥ ²¢ ÔÚ äÖ È¾ ʱ ±» ºö ÂÔ.

¶ÎÂäµÄÊÓ¾õäÖȾ

¶Î Âä ÊÇ Èç ºÎ ½ø ÐÐ ÊÓ ¾õ äÖ È¾ µÄ È¡ ¾ö ÓÚ Óà »§ ´ú Àí Æ÷. ¶Î Âä ¾­ ³£ ±» äÖ È¾ ³É ×ó ±ß Æë ƽ ¶ø ÓÒ ±ß Ò³ Ôµ ´Ö ²Ú. ´Ó ÓÒ µ½ ×ó µÄ ½Å ±¾ ÓÐ Æä Ïà ÊÊ ÒË µÄ ȱ Ê¡ ·½ ʽ .

HTML Óà »§ ´ú Àí Æ÷ µä ÐÍ µØ ÔÚ äÖ È¾ ʱ Ϊ ¶Î Âä µÄ Ç° ºó ¼Ó ÉÏ ¿Õ °× Çø Óò, Àý Èç:

  At the same time, there began to take form a system of numbering,
  the calendar, hieroglyphic writing, and a technically advanced
  art, all of which later influenced other peoples.

  Within the framework of this gradual evolution or cultural
  progress the Preclassic horizon has been divided into Lower,
  Middle and Upper periods, to which can be added a transitional
  or Protoclassic period with several features that would later
  distinguish the emerging civilizations of Mesoamerica.
Ïà ·´ µÄ, ÔÚ Ð¡ ˵ ÖÐ ¶Î Âä µÄ Ê× ÐÐ Ëõ ½ø ²¢ ÇÒ ¶Î Âä Ö® ¼ä µÄ ¾à Àë µÈ Í¬ ÓÚ ÉÏ Ï µÄ ÐÐ ¾à, Àý Èç:
     At the same time, there began to take form a system of
  numbering, the calendar, hieroglyphic writing, and a technically
  advanced art, all of which later influenced other peoples.
     Within the framework of this gradual evolution or cultural
  progress the Preclassic horizon has been divided into Lower,
  Middle and Upper periods, to which can be added a transitional
  or Protoclassic period with several features that would later
  distinguish the emerging civilizations of Mesoamerica.
ǰ Àý ÖÐ µÄ µÚ 2 ¸ö ÓÉ NCSA Mosaic ä¯ ÀÀ Æ÷ ÔÚ 1993 Äê ÍÆ ³ö, Óà »§ ´ú Àí Æ÷ ͨ ³£ ²» ¶Ô Ë« ±ß Ò³ Ôµ ½ø ÐÐ µ÷ Õû, Òò Ϊ û ÓÐ ¸´ ÔÓ µÄ Á¬ ×Ö ¹ß Àý ÄÑ ÒÔ ÓРЧ µØ Íê ³É. ÓÉ ÓÚ ·ç ¸ñ Ò³ ºÍ ²» µÈ ¿í ×Ö Ìå (antialiase font) µÄ ³ö ÏÖ, ¸ø HTML ×÷ Õß Ìá ¹© ÁË ±È ÒÔ Ç° ¸ü ¶à µÄ Ñ¡ Ôñ.

·ç ¸ñ Ò³ ÔÚ ³ß ´ç, ·ç ¸ñ, Ò³ Ôµ, ¶Î ǰ ¶Î ºó ¿Õ ¼ä, Ê× ÐÐ Ëõ ½ø, ¶Ô Æë ·½ ʽ ¼° Æä Ëü ϸ ½Ú ÉÏ Ö¸ ¹© ÁË ·á ¸» µÄ ¿Ø ÖÆ. Óà »§ ´ú Àí Æ÷ µÄ ȱ Ê¡ ·ç ¸ñ Ò³ ¶Ô ÔÚ ½ü ËÆ µÄ ±í µ¥ ÖÐ äÖ È¾  P Ôª ËØ, ¾Í Èç ͬ ǰ Àý. Äã Ô­ Ôò ÉÏ ¿É ÒÔ ³¬ Ô½ Õâ Щ ³£ ¹æ µÄ ¶Î Âä Ö® ¼ä ¿Õ ¿ª µÄ ¹æ Ôò À´ äÖ È¾ ¶Î Âä, µ« Õâ ¿É ÄÜ Ê¹ Óà »§ ÃÔ »ó ²¢ ÇÒ ÊÇ Ò» ¸ö »µ µÄ ³¢  ÊÔ.

¸ù ¾Ý Ô¼ ¶¨, ¿É ÊÓ »¯ HTML Óà »§ ´ú Àí Æ÷ ¶Ô ÎÄ ×Ö ÕÛ ÐÐ À´ ·û ºÏ ºÏ ·¨ µÄ Ò³ Ôµ. ÕÛ ÐÐ ÔË Ëã ·¨ Ôò È¡ ¾ö ÓÚ ½Å ±¾ ¸ñ ʽ.

Àý Èç, ÔÚ Î÷ ÎÄ ÖÐ ÎÄ ×Ö Ö» ÄÜ ÔÚ ¿Õ °× ´¦ ת ÕÛ.ÀÏ Ê½ µÄ Óà »§ ´ú Àí Æ÷ ²» Õý È· µØ ÔÚ Ôª ËØ µÄ ¿ª ʼ (»ò ½á Êø) ʱ ÕÛ ÐÐ, ½á ¹û Ôì ³É ÁË ¹Â Á¢ µÄ ±ê µã. Èç:

  A statue of the <a href="cih78">Cihuateteus</a>, who are patron ...
ÔÚ Ãª µã ½á Êø ±ê ¼Ç ºó µÄ ÕÛ ÐÐ Òý Æð ÁË ¶º ºÅ ±» ×é ºÍ µ½ ÁË ÎÄ ×Ö µÄ ÐÐ Ê×:
  A statue of the Cihuateteus
  , who are patron goddesses ...
Õâ ÊÇ Ò» ¸ö ´í Îó, ¼´ ʹ ÔÚ ÄÇ ¸ö ±ê ×¢ µã ÉÏ ²¢ û ÓÐ ¿Õ °× Çø Óò.

¿ØÖÆ»»ÐÐ

¶Ô ÓÚ ÓÚ HTML À´ ˵, ¿É ÒÔ Ç¿ ÖÆ »» ÐÐ Ò² ¿É ÒÔ ½û Ö¹ »» ÐÐ.

Ç¿ÖÆ»»ÐÐ:BR ÔªËØ

<!ELEMENT BR - O EMPTY          -- forced line break -->
<!ATTLIST BR
  %coreattrs;                      -- id, class, style, title --
  clear (left|all|right|none) none -- control of text flow --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: ½û Ö¹
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
BR Ôª ËØ Ç¿ ÖÆ µ± ǰ ÎÄ ±¾ ÐÐ µÄ ·Ö ÐÐ (½á Êø).

¶Ô ÓÚ ¿É ÊÓ Óà »§ ´ú Àí Æ÷, clear ÌØ ÐÔ ¿É Óà À´ ÅÐ ¶Ï ±ê ×¢ ÊÇ ·ñ ¸ú Ëæ ÓÚ BR Ôª ËØelement flows around images and other objects floated to the left or right margin, »ò Õß »¹ ÊÇ ÔÚ Õâ ¸ö Îï ¼þ µÄ µ× ²¿ ¿ª ʼ.r whether it starts after the bottom of such objects. ½ø Ò» ²½ µÄ ϸ ½Ú ÔÚ ¶ÔÆë·½Ê½ºÍÎï¼þµÄ¸¡¶¯ ±» ¸ø ³ö. ×÷ Õß ±» ½¨ Òé ʹ Óà ·ç ¸ñ Ò³ À´ ¿Ø ÖÆ ͼ Ïñ ºÍ Æä Ëü Îï ¼þ µÄ ¸¡ ¶¯. clear ÌØ ÐÔ,  ¸ù ¾Ý ÆäËü µÄ HTML ³Â Êö ºÍ ±ê ¼Ç, Ö» ÓÐ ÔÚ Äã ÈÏΪ Óà »§ ´ú Àí Æ÷ ²» Ìá ¹© ·ç ¸ñ Ò³ µÄ ʱ ºò Æð ÊÊ µ± ÈË ÓÃ.

ÔÚ Ë« Ïò ¸ñ ʽ ·½ Ãæ, BR Ôª ËØ Ó¦ µ± ±» ×÷ Ϊ Óë Unicode LINE SEPARATOR ×Ö ·û Ïà ͬ µÄ ·½ ʽ À´ ¶Ô ´ý.

½ûÖ¹»»ÐÐ

ÓРʱ,  Äã ¿É ÄÜ Ï£ Íû ¶Ô ¶Ô Á½ ¸ö µ¥ ´Ê ½û Ö¹ »» ÐÐ. &nbsp; ×Ö ·û Ìõ Ä¿ (&#160;, &#xA0;) ¿É ÒÔ ±» Óà ×÷ Óà »§ ´ú Àí Æ÷ ²» »á »» ÐÐ µÄ ¿Õ ¸ñ ·û.

Á¬×Ö·û

ÔÚ HTML ÖÐ, ÓÐ Á½ ÖÖ Á¬ ×Ö ·û: ¼ò µ¥ Á¬ ×Ö ·û ºÍ Èí Á¬ ×Ö ·û. ¼ò µ¥ Á¬ ×Ö ·û ¿É ÒÔ ±» Óà »§ ´ú Àí Æ÷ Àí ½â Ϊ ¼ò µ¥ µÄ ×Ö ·û.  ¶ø Èí Á¬ ×Ö ·û Ôò ¿É ÒÔ ¸æ Ëß Óà »§ ´ú Àí Æ÷ ÔÚ Õâ Àï ¿É ÒÔ »» ÐÐ.

ÄÇ Ð© ½â ÊÍ Èí Á¬ ×Ö ·û µÄ ä¯ ÀÀ Æ÷ ±Ø Ðë ×ñ ÊØ Ï ÁÐ Óï Òâ ѧ µÄ Ô­ Ôò: Èç ¹û Ò» ÐÐ ÖÐ ÒÔ Á¬ ×Ö ·û ·Ö ¿ª, Á¬ ×Ö ·û ±Ø Ðë ÏÔ Ê¾ ÓÚ µÚ Ò» ÐÐ µÄ ½á β. Èç ¹û Ò» ÐÐ ²¢ ²» ÔÚ Á¬ ×Ö ·û ´¦ »» ÐÐ, Óà »§ ´ú Àí Æ÷ Ôò ²» ÏÔ Ê¾ Á¬ ×Ö ·û. ¶Ô ÓÚ Èç ËÑ Ñ° ºÍ ÅÅ Ðò µÄ ²Ù ×÷, Èí Á¬ ×Ö ·û Ó¦ µ± ±» ºö ÂÔ.

ÔÚ HTML ÖÐ, ¼ò µ¥ Á¬ ×Ö ·û ÊÇ "-" ×Ö ·û(&#45;, &#x2D;). ¶ø Èí Á¬ ×Ö ·û Ôò ÊÇ Ãü Ãû ×Ö ·û Ìõ Ä¿ &shy; (&#173;, &#xAD;)

Ô¤ÖÃÎı¾:PRE ÔªËØ

<!ENTITY % pre.exclusion "IMG|BIG|SMALL|SUB|SUP|FONT">

<!ELEMENT PRE - - (%inline)* -(%pre.exclusion)>
<!ATTLIST PRE
  %attrs;                          -- %coreattrs, %i18n, %events --
  width       NUMBER     #IMPLIED
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
width = integer
Õâ ¸ö ÌØ ÐÔ ¸ø Óà »§ ´ú Àí Æ÷ Ò» ¸ö ¹Ø ÓÚ ·â ±Õ ¸ñ ʽ ¿í ¶È µÄ °µ ʾ. Óà »§ ´ú Àí Æ÷ ¿É ÒÔ Ê¹ Óà Õâ ¸ö ЊϢ À´ Ñ¡ Ôñ Ïà ÒË µÄ ×Ö Ìå ³ß ´ç ºÍ Ëõ ½ø ¸ñ ʽ. Ï£ Íû µÄ ¿í ¶È Óà ×Ö ·û Êý ±í ʾ. Õâ ¸ö ÌØ ÐÔ Ä¿ ǰ »¹ û ÓÐ ±» ¹ã ·º Ö§ ³Ö.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
PRE  Ôª ËØ ¸æ Ëß ¿É ÊÓ Óà »§ ´ú Àí Æ÷ ÄÇ Ð© ±» °ü º¬ ÓÚ "Ô¤ ´¦ Àí" µÄ ÎÄ ±¾. Óà »§ ´ú Àí Æ÷ ±Ø Ðë Èç Ï ¶Ô ´ý Ô¤ ´¦ Àí ÎÄ ±¾: ×¢ Òâ SGML ±ê ×¼ Ðè Òª Óï ·¨ ·Ö Îö Æ÷ È¡ Ïû ÔÚ ½ô ¸ú ÔÚ ¿ª ʼ ±ê ¼Ç ºó »ò ½á Êø ±ê ¼Ç ǰ µÄ ¿Õ ÐÐ.

ÉÏ Ãæ µÄ DTD Ƭ ¶Ï ±í ʾ ÄÄ Ð© Ôª ËØ ²» ³ö ÏÖ ÓÚ PRE Éù Ã÷. Õâ Óë HTML 3.2 Ïà ͬ, ²¢ ÇÒ ÔÚ Óà ×é ºÏ ×Ö Ìå ¶Ô ÎÄ ×Ö µÄ äÖ È¾ ʱ ÓÐ Òâ µØ ±£ »¤ ÐÐ ¿Õ ¼ä ¼° ÁÐ ¶Ô Æë ·½ ʽ. ×÷ Õß Í¨ ¹ý ·ç ¸ñ Ò³ ¶ø ¸Ä ±ä Щ ÐРΪ ÊÇ ±»  ×è Ö¹ µÄ.

ÏÂ Ãæ µÄ Àý ³Ì ÏÔ Ê¾ ÁË Ò» ¸ö Ô¤ ´¦ Àí µÄ Ñ© À³ (Òë ×¢: Shelly, ÎÒ Ïë Ó¦ ¸Ã ·­ ×÷ Ñ© À³ ¶ø ²» ÊÇ Ñ© Àæ »ò Ñ© Àò) µÄ Ê«: ¸ø ÔÆ ȸ:
<PRE>
       Higher still and higher
         From the earth thou springest
       Like a cloud of fire;
         The blue deep thou wingest,
And singing still dost soar, and soaring ever singest.
</PRE>
Õâ Àï ÊÇ Õâ ¶Î Ê« ÎÄ ±» Óà »§ ´ú Àí Æ÷ äÖ È¾ µÄ Ч ¹û:
       Higher still and higher
         From the earth thou springest
       Like a cloud of fire;
         The blue deep thou wingest,
And singing still dost soar, and soaring ever singest.
Ë® ƽ ÖÆ ±í ·û
Ë® ƽ ÖÆ ±í ·û (ÔÚ [UNICODE], US ASCII ºÍ [ISO88591] ½â Âë ¾ù Ϊ 10 ½ø ÖÆ µÄ 9) ÊÇ Í¨ ³£ ±» Óà »§ ´ú Àí Æ÷ ½â Òë Ϊ ×î С µÄ ±Ø Ðë µÄ ÖÁ ÖÆ ±í ·û ½á Êø ·Ç-0 ¿í ¿Õ ¼ä Ϊ 8 ¸ö ×Ö ·û. ÎÒ ÃÇ Ç¿ ÁÒ ×è Ö¹ ÔÚ Ô¤ Öà ÎÄ ±¾ ÖРʹ Óà ˮ ƽ ÖÆ ±í ·û, Òò Ϊ Ëü »¹ ÔÚ ³£ ¹æ ²â ÊÔ ÖÐ, ÔÚ ±à ¼­ ÖÐ, °Ñ ÖÆ ±í ¿Õ ¼ä Éè Öà Ϊ Æä Ëü µÄ Öµ, »á Òý Æð ÎÄ µµ Ôª ·¨ ¶Ô Æë.

±ê×¢Îĵµ¸Ä±ä:INS ºÍDEL ÔªËØ

<!-- INS/DEL are handled by inclusion on BODY -->
<!ELEMENT (INS|DEL) - - (%inline)* -- inserted/deleted text -->
<!ATTLIST (INS|DEL)
  %attrs                           -- %coreattrs, %i18n, %events --
  cite        %URL      #IMPLIED   -- info on reason for change --
  datetime    CDATA     #IMPLIED   -- when changed: ISO date format --
  >
¿ª ʼ ±ê ¼Ç: Ðè Òª, ½á Êø ±ê ¼Ç: Ðè Òª
ÌØ ÐÔ ¶¨ Òå
cite = url
Õâ ¸ö ÌØ ÐÔ µÄ Öµ ÊÇ Ò» ¸ö Ö¸ ¶¨ ÎÄ µµ »ò Ïû Ï¢ Ô´ µÄ ͳ Ò» ×Ê Ô´ ¶¨ λ Æ÷ (URL). Õâ ¸ö ÌØ ÐÔ Ïà ÒË µØ Ö¸ ³ö ÁË Îª ʲ ô ÎÄ µµ ¸Ä ±ä µÄ ЊϢ.
datetime = cdata
Õâ ¸ö ÌØ ÐÔ Öµ Ö¸ ¶¨ ÁË ¸Ä ±ä Íê ³É µÄ ÈÕ ÆÚ ºÍ ʱ ¼ä. Õâ ¸ö Öµ ¿É ÒÔ ÊÇ [ISO8601] Ö¸ ¶¨ µÄ Öµ Ò² ¿É ÒÔ ÊÇ ÔÚ Ãè Êö ÎÄ ¼þ ÖÐ ÈÕÆÚºÍʱ¼ä ²¿ ·Ö ¶¨ Òå µÄ ¸ñ ʽ.
ÔÚ Ëü ´¦ ¶¨ Òå µÄ ÌØ ÐÔ
INS ºÍ DEL ±» Óà À´ ±ê ×¢ ÎÄ µµ ÖÐ µÄ ÄÄ ²¿ ·Ý Ïà ¶Ô ÓÚ Ô­ ÏÈ °æ ±¾ ÊÇ ²å Èë »¹ ÊÇ É¾ ³ý ÁË. (Àý Èç: ·¨ ÂÉ ÖÆ ¶¨ Õß Ðè Òª ²é ¿´ ²Ý °¸ ÖÐ µÄ ÐÞ ¸Ä ²¿ ·Ö).

Õâ Á½ ¸ö Ôª ËØ ͨ ³£ ÔÚ HTML ÖÐ ¼È ²» ÊÇ ·â ±Õ ¼¶ Ôª ËØ Ò² ²»ÊÇ ÐÐ ÄÚ Ôª ËØ. Ëü ÃÇ ÔÚ Ò» ¶Î ÖÐ ¿É ÒÔ °ü º¬ Ò» ¸ö »ò ¸ü ¶à µÄ µ¥ ´Ê »ò °ü Èë Ò» ¸ö »ò ¸ü ¶à µÄ ·â ±Õ ¼¶ Ôª ËØ Èç ¶Î Âä, ÁÐ ±í ºÍ ±í ¸ñ.

Óà »§ ´ú Àí Æ÷ »á Ã÷ ÏÔ µØ À´ äÖ È¾ ²å Èë ºÍ É¾ ³ý µÄ ÎÄ ×Ö. Àý Èç, ²å Èë µÄ ÎÄ ×Ö ¿É ÄÜ ÒÔ Ò» ÖÖ ÌØ Êâ ×Ö Ìå ³ö ÏÖ, ¶ø ɾ ³ý ÎÄ ×Ö ¿É ÄÜ ¸ù ±¾ ²» ³ö ÏÖ »ò ´ò µã »ò ÒÔ ÌØ Êâ ±ê ¼Ç ³ö ÏÖ, µÈ µÈ.

Óà »§ ´ú Àí Æ÷ Èç ¹û ÎÞ ·¨ ʶ ±ð DEL Ôª ËØ Ôò »¹ ÊÇ ÒÀ È» Èç ³£ µØ äÖ È¾ Ôª ËØ ÖÐ µÄ ÄÚ ÈÝ.

ÈÕÆÚºÍʱ¼ä¸ñʽ

[ISO8601] ÔÚ ±í ´ï ʱ ¼ä ºÍ ÈÕ ÆÚ ʱ. Õâ ·Ý Ëµ Ã÷ Êé Ö¸ ¶¨ ÁËÒ» ÖÖ [ISO8601] ÔÊ Ðí µÄ ¸ñ ʽ.

¸ñ ʽ Ϊ:

  YYYY-MM-DDThh:mm:ssTZD
ÔÚ ´Ë:
     YYYY = 4 λ Êý ×Ö Äê ·Ý
     MM   = Ë« Êý ×Ö Ô ·Ý (01=1 ÔÂ, µÈ µÈ)
     DD   = Ë« Êý ×Ö ÈÕ ÆÚ (´Ó 01 ÖÁ 31)
     hh   = Ë« Êý ×Ö Ð¡ ʱ (´Ó 00 ÖÁ 23) (am/pm ²» ±» ½Ó ÊÜ)
     mm   = Ë« Êý ×Ö ·Ö ÖÓ (´Ó 00 ÖÁ 59)
     ss   = Ë« Êý ×Ö Ãë Êý (´Ó 00 ÖÁ 59)
     TZD  = ʱ Çø Ö¸ ʾ ·û
ʱ Çø Ö¸ ʾ ·û ÊÇ ÒÔ Ï µÄ Ò» ¸ö:
Z
Ö¸ ÊÀ ½ç Э µ÷ ʱ UTC (Coordinated Universal Time).
+hh:mm
Ö¸ Ïà ¶Ô ÓÚ UTC Ö® ǰ ¶à É٠С ʱ ·Ö ÖÓ µÄ ±¾ µØ ʱ ¼ä.
-hh:mm
Ö¸ Ïà ¶Ô ÓÚ UTC Ö® ºó ¶à É٠С ʱ ·Ö ÖÓ µÄ ±¾ µØ ʱ ¼ä.
ÑÏ ¸ñ À´ ˵, ÉÏ Ãæ µÄ ²¿ ·Ö ±Ø Ðë ´æ ÔÚ, ²¢ ÇÒ ÑÏ ¸ñ ʹ Óà ÉÏ ÁÐ ±ê µã. ×¢ Òâ "T" È· È» µØ ³ö ÏÖ ÓÚ ×Ö ·û ´® ÖÐ À´ Ö¸ ¶¨ ʱ ¼ä Ôª ËØ µÄ ¿ª ʼ, Èç ͬ ÔÚ [ISO8601] ÖÐ Ö¸ ¶¨ µÄ.

Èç ¹û Ò» ÖÖ Í¨ ³£ µÄ Ó¦ Óà ²¢ ²» Öª µÀ ÖÁ Ãë µÄ Ê± ¼ä, Õâ ¸ö Öµ ¿É ÄÜ ÒÔ ÊÇ "00" (¶ø ·Ö ÖÓ Êý ºÍ С ʱ Êý ÊÇ ±Ø Ðè µÄ).

Ëù ÓÐ Ï ÁÐ µÄ Àý ³Ì ¶Ô Ó¦ ÓÚ ÃÀ ¹ú Î÷ ²¿ ʱ ¼ä 1994 Äê 11 Ô 5 ÈÕ ÉÏ Îç 8 µã 15 ·Ö 50 Ãë.
     1994-11-05T13:15:30Z
     1994-11-05T08:15:30-05:00
ͨ ¹ý ʹ Óà INS, Õâ ½« ¸ø ³ö:
<INS datetime="1994-11-05T08:15:30-05:00">
I added this on November 5th
</INS>