W3C3 SGML°ú HTML¿¡ ´ëÇÏ¿©Trio ȨÆäÀÌÁö
¸ñÂ÷
  1. SGML ¼Ò°³
  2. HTML¿¡¼­ »ç¿ëµÇ´Â SGML ±¸Á¶
    1. ¿¤·¹¸àÆ®(element)
    2. ¾ÖÆ®¸®ºäÆ®(attribute)
    3. ±ÛÀÚ ÂüÁ¶
    4. ÄÚ¸àÆ®(comment)
  3. HTML DTD Àд ¹æ¹ý
    1. DTD ÄÚ¸àÆ®(comment)
    2. ÆĶó¸ÞÅÍ(parameter) ¿£Æ¼Æ¼(entity) Á¤ÀÇ
    3. ¿¤·¹¸àÆ®(element) ¼±¾ð
    4. ¾ÖÆ®¸®ºäÆ®(attribute) ¼±¾ð

ÀÌ Ç׸ñ¿¡¼­´Â SGMLÀ» ¼Ò°³ÇÏ°í HTML°úÀÇ °ü°è¸¦ ´Ù·é´Ù. SGML Ç¥ÁØÀÇ ÀÚ¼¼ÇÑ ³»¿ëÀº [ISO8879]À» ÂüÁ¶Ç϶ó.

3.1 SGML ¼Ò°³

SGMLÀº ÀÛ¼º(markup) ¾ð¾î¸¦ Á¤ÀÇÇϴ ü°èÀÌ´Ù. Á¦ÀÛÀÚ´Â ³»¿ë¿¡ ±¸Á¶Àû ºÎºÐ, Ç¥ÇöÀû ºÎºÐ°ú ÀǹÌÀÖ´Â(semantic) Á¤º¸¸¦ Àû¾î ³ÖÀ½À¸·Î¼­ ¹®¼­µéÀ» ÀÛ¼º(markup)ÇÑ´Ù. HTMLÀº ÀÛ¼º(markup) ¾ð¾îÀÇ ÇÑ Á¾·ùÀÌ´Ù.

HTML ¹®¼­ÀÇ ¿¹Á¦¸¦ º¸¸é:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
    "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
  <HEAD>
     <TITLE>³ªÀÇ Ã¹¹ø° HTML ¹®¼­</TITLE>
  </HEAD>
  <BODY>
     <P>¾È³çÇϼ¼¿ä ¿©·¯ºÐ!
  </BODY>
</HTML>

HTML ¹®¼­´Â ¸Ó¸®ºÎºÐ(<HEAD>¿Í </HEAD> »çÀÌ)°ú º»Ã¼ºÎºÐ(<BODY>¿Í </BODY> »çÀÌ)À¸·Î ±¸¼ºµÇ¾îÀÖ´Ù. ¹®¼­ÀÇ Á¦¸ñÀº ¹®¼­¿¡ °ü ÇÑ ´Ù¸¥ Á¤º¸µé°ú ÇÔ²² ¸Ó¸®ºÎºÐ¿¡ ÀÖ°í, ¹®¼­ÀÇ ³»¿ëÀº º»Ã¼ºÎºÐ¿¡ ÀÖ´Ù. ¿¹Á¦¿¡¼­ º»Ã¼ºÎºÐÀº <P>·Î ½ÃÀÛ µÈ ´ÜÁö ÇÑ ¹®ÀåÀ¸·Î µÇ¾îÀÖ´Ù.

SGML¿¡¼­ Á¤ÀÇ µÇ¾îÀÖ´Â °¢ ÀÛ¼º(markup) ¾ð¾î¸¦ SGML Àû¿ë(application)À̶ó Çϴµ¥ ÀϹÝÀûÀ¸·Î ´ÙÀ½°ú °°Àº Ư¼ºÀ» °®´Â´Ù.

  1. SGML ¼±¾ð¿¡¼­ ±× Àû¿ë¿¡ ¾î¶² ±ÛÀÚ¿Í ¼­¼úÀÌ ³ªÅ¸ ³¯ ¼ö Àִ°¡¸¦ Á¤ÀÇÇÑ´Ù.
  2. ¹®¼­ ŸÀÔ Á¤ÀÇ(DTD: Document Type Definition). DTD´Â ÀÛ¼º(markup) ¾ð¾î ±¸Á¶ÀÇ ¹®¹ýÀ» Á¤ÀÇÇÑ´Ù. DTD´Â ±ÛÀÚ ¿£Æ¼Æ¼(entity) ÂüÁ¶¿Í °°Àº Ãß°¡ÀûÀÎ Á¤ÀǸ¦ °¡Áú ¼ö ÀÖ´Ù.
  3. ÀÛ¼º(markup) ¾ð¾îÀÇ ÀǹÌÀ» Á¤ÀÇÇÏ´Â ±Ô°ÝÀÌ´Ù. ÀÌ ±Ô°ÝÀº DTD ¾È¿¡¼­ »ç¿ë µÉ ¼ö ¾ø´Â ¹®¹ýÀû Á¦Çѵµ Æ÷ÇԵǾîÀÖ´Ù.
  4. ¹®¼­´Â ³»¿ë°ú ÀÛ¼º(markup) ºÎºÐÀ» °¡Áö¸ç, °¢ °æ¿ì¿¡ DTD ÂüÁ¶¿Í ±× Çؼ® ¹æ½ÄÀ» Æ÷ÇÔÇÑ´Ù.

HTML 4.0 ±Ô°ÝÀº SGML ¼±¾ð, ¼¼°¡Áö ¹®¼­ ŸÀÔ Á¤ÀÇ(HTML ¹öÀü Á¤º¸ ÂüÁ¶)¿Í ±ÛÀÚ ÂüÁ¶ ¸ñ·ÏÀ» Æ÷ÇÔÇÏ°í ÀÖ´Ù.

3.2 HTML¿¡¼­ SGMLÀÇ ±¸Á¶

´ÙÀ½ Ç׸ñµéÀº HTML¿¡¼­ »ç¿ëµÇ´Â SGMLÀÇ ±¸Á¶¸¦ ¼Ò°³ÇÑ´Ù.

ºÎ·ÏÀÇ ¸ñ·Ï¿¡ HTML µµ±¸¿Í »ç¿ëµµ±¸¿¡ ÀÇÇØ ³Î¸® »ç¿ëµÇÁö ¾Ê´Â ÀϺΠSGML ±â´ÉÀ» ¼Ò°³ ÇÏ¿´´Âµ¥ À̵éÀÇ »ç¿ëÀº ÇÇÇؾßÇÑ´Ù.

3.2.1 ¿¤·¹¸àÆ®(element)

SGMLÀÇ ¹®¼­ ŸÀÔ Á¤ÀÇ(DTD)´Â ±¸Á¶¸¦ ¼³¸íÇϰųª ÇÊ¿ä ÇÑ ÀÛµ¿À» Á¤ÀÇÇÏ´Â ¿¤·¹¸àÆ® ŸÀÔ(element type)¸¦ Á¤ÀÇÇÑ´Ù. HTML´Â ¹®´Ü, ¹®¼­ ¿¬°á(hypertext link), ¸ñ·Ï, Ç¥(table), À̹ÌÁö, µîÀ» Ç¥½ÃÇÏ´Â ¿¤·¹¸àÆ® ŸÀÔµéÀ» °®´Â´Ù.

°¢ ¿¤·¹¸àÆ® ŸÀÔÀÇ ¼³¸íÀº ÀϹÝÀûÀ¸·Î ¼¼ ºÎºÐ(½ÃÀÛű×, ³»¿ë, Á¾·áű×)À¸·Î µÇ¾îÀÖ´Ù.

¿¤·¹¸àÆ®ÀÇ À̸§¿¡´Â ½ÃÀÛű×(tag)(<element-name>)¿Í Á¾·áű×(tag) (</element-name>)°¡ ÀÖ´Ù. ¿¤·¹¸àÆ® À̸§ ¾Õ¿¡ ½½·¡½¬('/': slash)°¡ ÀÖ´Â °ÍÀÌ Á¾·áű×(tag)ÀÌ´Ù.

¹øÈ£°¡ ¾ø´Â ¸ñ·Ï UL ¿¤·¹¸àÆ® ŸÀÔÀÇ ½ÃÀÛÅÂ±×¿Í Á¾·áű×ÀÇ ¿¹¸¦ µé¸é:

<UL>
<LI><P>...¸ñ·Ï Ç׸ñ 1...
<LI><P>...¸ñ·Ï Ç׸ñ 2...
</UL>

ÀϺΠHTML ¿¤·¹¸àÆ® ŸÀÔ¿¡¼­´Â Á¦ÀÛÀÚ°¡ Á¾·áű׸¦ »ý·« ÇÒ ¼ö ÀÖ´Ù(¿¹: P, LI ¿¤·¹¸àÆ® ŸÀÔ). ÀϺΠ¿¤·¹¸àÆ® ŸÀÔ¿¡¼­´Â ½ÃÀÛű×À» »ý·« ÇÒ ¼ö µµ ÀÖ´Ù(¿¹: HEAD, BODY). HTML DTD´Â °¢ ¿¤·¹¸àÆ® ŸÀÔ¿¡¼­ ½ÃÀÛÅÂ±×¿Í Á¾·áűװ¡ ÇÊ¿äÇÑ°¡¸¦ ¾Ë·Á ÁØ´Ù.

ÀϺΠHTML ¿¤·¹¸àÆ® ŸÀÔÀº ³»¿ëÀ» °®°í ÀÖÁö ¾Ê´Â´Ù(¿¹: ÁÙ ¹Ù²Ù´Â BR ¿¤·¹¸àÆ®´Â ³»¿ë ¾øÀÌ ¹®ÀåÀÇ ÁÙÀÇ Á¾·á ±â´É ¸¸ ÇÔ). ÀÌ¿Í °°Àº ºó(empty) ¿¤·¹¸àÆ®´Â Á¾·áű׸¦ Ç×»ó °®Áö ¾Ê´Â´Ù. ¹®¼­ ŸÀÔ Á¤ÀÇ¿Í ÀÌ ±Ô°ÝÀÇ ¼³¸í¿¡¼­ ¾î¶² ¿¤·¹¸àÆ® ŸÀÔÀÌ ³»¿ëÀÌ ¾ø´Â ºó °ÍÀΰ¡, ¶Ç´Â ¹Ù¸¥ ¹®¹ýÀ¸·Î ³»¿ëÀ» °¡Áú ¼ö ÀÖ´Â °ÍÀΰ¡¸¦ ¾Ë·Á ÁØ´Ù.

¿¤·¹¸àÆ® À̸§Àº Ç×»ó ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾Ê´Â´Ù.

¿¤·¹¸àÆ®¸¦ Á¦¾îÇÏ´Â ±ÔÄ¢¿¡ °ü ÇÑ Á¤º¸´Â SGML Ç¥ÁØÀ» ÂüÁ¶Ç϶ó. ¿¹¸¦ µé¾î, ½ÃÀÛÅÂ±×¿Í Á¾·áűװ¡ ÀûÁ¤ÇÏ°Ô ³×½ºÆ®(nest) µÇ¾î¾ß ÇÏ°í, Á¾·áű״ ¦ ¸Â´Â »õ·Î¿î ½ÃÀÛű׸¦ ¸¸³ª¸é, ¾ÕÀÇ ¸ðµç »ý·« µÈ ½ÃÀÛű׸¦ ÀÚµ¿À¸·Î ´Ý´Â´Ù(Ç׸ñ 7.5.1 ÂüÁ¶).

¿¹¸¦ µé¾î, ¹®´Ü <P>¿¡¼­:

<P>À̴ ù¹ø° ¹®´ÜÀÌ´Ù.</P>
... ºí·°(block) ¿¤·¹¸àÆ®...

´ÙÀ½°ú °°ÀÌ Á¾·áű×(</P>)¸¦ »ý·« ÇÒ ¼ö ÀÖ°í:

<P>À̴ ù¹ø° ¹®´ÜÀÌ´Ù.
... ºí·°(block) ¿¤·¹¸àÆ®...

ÀÌ´Â ½ÃÀÛÅÂ±× <P>°¡ ´ÙÀ½ ºí·° ¿¤·¹¸àÆ® ½ÃÀÛű׸¦ ¸¸³ª¸é Á¾·á µÇ±â ¶§¹®ÀÌ´Ù. °°Àº ¹æ¹ýÀ¸·Î ¾Æ·¡ ¿¹Á¦¿¡¼­ ¹®´ÜÀÌ ºí·° ¿¤·¹¸àÆ® ¾È¿¡ ÀÖÀ¸¸é:

<DIV>
<P>ÀÌ °ÍÀÌ ±× ¹®´ÜÀÌ´Ù.
</DIV>

ºí·° ¿¤·¹¸àÆ®ÀÇ Á¾·áÅÂ±× </DIV>´Â ½ÃÀÛÅÂ±× <P>·Î ¿­¸° ¹®´ÜÀÌ ´Ý±ä °ÍÀ¸·Î ÆÇ´ÜÇÑ´Ù.

¿¤·¹¸àÆ®´Â űװ¡ ¾Æ´Ï´Ù. ¾î¶² »ç¶÷µéÀ» ¿¤·¹¸àÆ®¸¦ ű׷ΠÇؼ®ÇÏ´Â °æ¿ì°¡ Àִµ¥(: "P tag") ¿¤·¹¸àÆ®¿Í ű×(½ÃÀÛű×, Á¾·áű×)´Â ´Ù¸¥ °ÍÀÓÀ» ¸í½ÉÇ϶ó. HEAD ¿¤·¹¸àÆ®´Â ¹®¼­¿¡ Ç×»ó ÀÖÀ½¿¡µµ ºÒ±¸ÇÏ°í, HEADÀÇ ½ÃÀÛÅÂ±×¿Í Á¾·áű״ µÑ ´Ù »ý·« µÉ ¼ö ÀÖ´Ù.

¸ðµç ¿¤·¹¸àÆ® Á¾·ùµéÀº ÀÌ ±Ô°ÝÀÇ ¿¤·¹¸àµå »öÀÎ ¸ñ·Ï¿¡ Á¤¸® µÇ¾îÀÖ´Ù.

3.2.2 ¾ÖÆ®¸®ºäÆ®(attribute)

¿¤·¹¸àÆ®(element)´Â °ü·Ã Ư¼ºÀ» °¡Áú ¼ö Àִµ¥ ÀÌ Æ¯¼ºÀ» ¾ÖÆ®¸®ºäÆ®(attribute)¶ó ÇÏ¸ç °ªÀ» °¡Áú ¼ö ÀÖ´Ù. °ªÀº µðÆúÆ®(default)·Î °®°Å³ª, Á¦ÀÛÀÚ°¡ ¼³Á¤Çϰųª ½ºÅ©¸³Æ®·Î(script)·Î ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù. ¾ÖÆ®¸®ºäÆ®¿Í °ªÀÇ Â¦Àº ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡¼­ ">"·Î ´Ý±â Àü¿¡ À§Ä¡ÇÑ´Ù. ¹®¹ý¿¡ ¸Â´Â ¾î¶² °¹¼öÀÇ ¾ÖÆ®¸®ºäÆ®¿Í ±× °ªÀÇ Â¦µéÀº ºóÄ­(space)À¸·Î ºÐ¸®µÇ°í, ±× ¼ø¼­´Â °ü°è°¡ ¾ø´Ù.

H1 ¿¤·¹¸àÆ®¿¡ id ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ ÇÑ ¿¹Á¦:

<H1 id="section1">
 ÀÌ °ÍÀº H1 ¿¤·¹¸àÆ®¿¡ id ¾ÖÆ®¸®ºäÆ®¸¦ °ªÀÌ 'section1'ÀÌ µÇ°Ô ¼³Á¤ ÇÑ ¿¹Á¦ÀÌ´Ù.
</H1>

µðÆúÆ®(default)·Î, SGMLÀº ¸ðµç ¾ÖÆ®¸®ºäÆ®(attribute)ÀÇ °ªÀ» ÀÌÁß µû¿ÈÇ¥( ": ASCII 10Áø¼ö 34) ¶Ç´Â ´ÜÀÏ µû¿ÈÇ¥( ': ASCII 10Áø¼ö 39)¸¦ ÀÌ¿ëÇÏ¿© ±¸ºÐ µÈ °ªÀ¸·Î ¿ä±¸ÇÑ´Ù. ÀÌÁß µû¿ÈÇ¥·Î ±¸ºÐ µÈ °ªÀÇ ¼Ó¿¡¼­´Â ´ÜÀÏ µû¿ÈÇ¥·Î ±¸ºÐ µÈ °ªÀ» Æ÷ÇÔ ÇÒ ¼ö ÀÖ°í, ±× ¹Ý´ë ÀÎ ´ÜÀÏ µû¿ÈÇ¥ ¾È¿¡¼­ ÀÌÁß µû¿ÈÇ¥ Æ÷ÇÔµµ °¡´ÉÇÏ´Ù. Á¦ÀÛÀÚ´Â ¼ýÀÚ ÂüÁ¶¿¡¼­ ÀÌÁß µû¿ÈÇ¥(&#34;)¿Í ´ÜÀÏ µû¿ÈÇ¥(&#39;)¸¦ ã¾Æ ¾µ ¼ö ÀÖ°í, ±ÛÀÚ ¿£Æ¼Æ¼(entity) ÂüÁ¶¿¡¼­ &quot;¸¦ ã¾Æ ¾µ ¼öµµ ÀÖ´Ù.

°æ¿ì¿¡ µû¶ó Á¦ÀÛÀÚ´Â ¾ÖÆ®¸®ºäÆ® °ªÀ» ¾Æ¹« µû¿ÈÇ¥ ¾øÀÌ ¾µ ¼ö Àִµ¥, ÀÌ ¶§ÀÇ ¾ÖÆ®¸®ºäÆ® °ªÀº ¾ËÆĺª ±ÛÀÚ(a-z ¿Í A-Z), ¼ýÀÚ(0-9), ÇÏÀÌÇÂ(-: hyphen: ASCII 10Áø¼ö 45)°ú Á¡(.: period: ASCII 10Áø¼ö 46) ¸¸À¸·Î ±¸¼ºµÇ¾î ÀÖ¾î¾ß ÇÑ´Ù. ±×·¯³ª µû¿ÈÇ¥¸¦ »ý·« ÇÒ ¼ö ÀÖ´Â °æ¿ì¶óµµ »ç¿ëÇÏ´Â °ÍÀ» ÃßõÇÑ´Ù.

¾ÖÆ®¸®ºäÆ® À̸§Àº Ç×»ó ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾Ê´Â´Ù.

¾ÖÆ®¸®ºäÆ® °ªÀº ÀϹÝÀûÀ¸·Î ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ »ç¿ëµÈ´Ù. °¢ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏ¿© Çϴ°¡´Â Âü°í ¸Å´º¾ó¿¡ Á¦½Ã µÇ¾îÀÖ´Ù.

¸ðµç ¾ÖÆ®¸®ºäÆ®´Â ÀÌ ±Ô°ÝÀÇ ¾ÖÆ®¸®ºäÆ® »öÀÎ ¸ñ·Ï¿¡ Á¤ÀÇ µÇ¾îÀÖ´Ù.

3.2.3 ±ÛÀÚ ÂüÁ¶

±ÛÀÚ ÂüÁ¶´Â ¼ýÀÚ³ª HTML ¹®¼­¿¡ Æ÷ÇÔ µÉ ¼ö ÀÖ´Â ±ÛÀÚ ±âÈ£ÀÇ À̸§ÀÌ´Ù. À̵éÀº ÀÚÁÖ »ç¿ëµÇÁö ¾Ê´Â ±ÛÀÚ¸¦ Á¶È¸Çϰųª, ÆíÁý±â¿¡¼­ »ç¿ëÇϱâ Èûµé°Å³ª »ç¿ë ÇÒ ¼ö ¾øÀ» ¶§ À¯¿ëÇÏ°Ô »ç¿ëµÈ´Ù. ÀÌ ¹®¼­ Àüü¸¦ ÅëÇÏ¿© ±ÛÀÚ ÂüÁ¶¸¦ º¼ ¼ö Àִµ¥ "&" ºÎÈ£·Î ½ÃÀÛµÇ°í ¼¼¹ÌÄÝ·Ð(;)À¸·Î Á¾·áµÈ´Ù. ÀϹÝÀûÀÎ ¿¹Á¦¸¦ º¸¸é:

¾ÕÀ¸·Î HTML ¹®¼­ ±ÛÀÚ ¸ñ·Ï Ç׸ñ¿¡¼­ HTML ±ÛÀÚ ÂüÁ¶ ¼¼ºÎ»çÇ×À» ´Ù·ê °ÍÀÌ´Ù. ¶ÇÇÑ ÀÌ ±Ô°Ý¿¡´Â HTML 4.0 ¹®¼­¿¡¼­ »ç¿ëµÇ´Â ±ÛÀÚ ÂüÁ¶ ¸ñ·ÏÀÌ Æ÷ÇÔ µÇ¾îÀÖ´Ù.

3.2.4 ÄÚ¸àÆ®(comment)

HTMLÀÇ ÄÚ¸àÆ®ÀÇ ¹®¹ýÀº ´ÙÀ½°ú °°´Ù.

<!-- ÀÌ ºÎºÐÀº ÄÚ¸àÆ®ÀÌ´Ù. -->
<!-- ÀÌ ºÎºÐÀº ¿©·¯ ÁÙ
        ÄÚ¸àÆ®ÀÌ´Ù. -->

ÄÚ¸àÆ®À» ½ÃÀÛÇÏ´Â "<!"¿Í ³»¿ëÀ» ½ÃÀÛÇÏ´Â "--" »çÀÌ¿¡´Â °ø°£ÀÌ Çã¿ëµÇÁö ¾Ê´Â´Ù. ±×·¯³ª ³»¿ëÀ» Á¾·áÇÏ´Â "--"¿Í ÄÚ¸àÆ®À» Á¾·áÇÏ´Â ">" »çÀÌ¿¡´Â °ø°£ÀÌ Çã¿ëµÈ´Ù. ÀϹÝÀûÀÎ ¿À·ù´Â ÄÚ¸àÆ® ¼Ó¿¡ "---"°¡ Æ÷ÇÔµÇ¾î ³ªÅ¸³­´Ù. Á¦ÀÛÀÚ´Â ÄÚ¸àÆ® ³»¿ë¿¡¼­ µÎ°³ ÀÌ»óÀÇ ÇÏÀÌÇÂ('-')À» ¿¬¼ÓÇؼ­ »ç¿ëÇÏ´Â °ÍÀ» ÇÇÇؾßÇÑ´Ù.

ÄÚ¸àÆ®¿¡ ³ªÅ¸³­ Á¤º¸µéÀº ƯÁ¤ Àǹ̸¦ °®Áö ¾Ê°í, ±ÛÀÚ ÂüÁ¶¿¡ ÀÇÇØ Çؼ® µÇÁö ¾Ê´Â´Ù.

3.3 HTML DTD Àд ¹æ¹ý

°¢ ¿¤·¹¸àÆ®(element)¿Í ¾ÖÆ®¸®ºäÆ®(attribute)´Â ÀÌ ±Ô°ÝÀÇ ¹®¼­ ŸÀÔ Á¤ÀÇ(DTD) ºÎºÐÀ» °®´Â´Ù. ÀÌ ±Ô°Ý¿¡¼­ ã¾Æº¸±â ½¬¿î ¹æ½Äº¸´Ù´Â DTD ºÎºÐµéÀ» Æ÷ÇÔÇϵµ·Ï Çߴµ¥, ÀÌ´Â ´õ ±æ°í ´ú Á¤¹ÐÇÑ ¿¤·¹¸àÆ®ÀÇ Æ¯¼ºÀ» ¼³¸íÇÏ´Â ¹æ½ÄÀÌ´Ù. ´ÙÀ½ ¼³¸í(tutorial)Àº SGML¿¡ Ä£¼÷ÇÏÁö ¾ÊÀº µ¶ÀÚ°¡ DTD¸¦ Àоî HTML ±Ô°ÝÀÇ ±â¼úÀû ¼¼ºÎ»çÇ×À» ÀÌÇØÇÏ°Ô ÇÑ °ÍÀÌ´Ù.

3.3.1 DTD ÄÚ¸àÆ®(comment)

DTD¿¡ À־ ÄÚ¸àÆ®Àº ÇÑ ÁÙÀ̳ª ¿©·¯ ÁÙÀÌ µÉ ¼ö ÀÖÀ¸¸ç "--"ÀÇ Â¦ »çÀÌ¿¡ µé¾î °£´Ù.

¿¹¸¦ µé¾î:

<!ELEMENT PARAM - O EMPTY       -- ¸í¸í µÈ Ư¼º À̸§ÀÇ °ª -->

¿©±â¿¡¼­ ÄÚ¸àÆ® "¸í¸í µÈ Ư¼º À̸§ÀÇ °ª"Àº PARAM ¿¤·¹¸àÆ® ŸÀÔÀÇ »ç¿ëÀ» ¼³¸íÇÑ´Ù. DTD¿¡¼­ ÄÚ¸àÆ®Àº ¼öÇàµÇÁö ¾Ê°í ´Ü¼ø ÇÑ Á¤º¸ ¸¸À» Á¦°øÇÑ´Ù.

3.3.2 ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼ Á¤ÀÇ

HTML DTD´Â ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼ Á¤ÀÇ·Î ½ÃÀ۵ȴÙ. ÆĶó¸ÞÅÍ(parameter) ¿£Æ¼Æ¼(entity) Á¤ÀÇ´Â, DTDÀÇ ´Ù¸¥ ºÎºÐ¿¡¼­ ÀÚ¼¼È÷ ã¾Æ º¼ ¼ö ÀÖ´Â, ÀÏÁ¾ÀÇ ¸¶Å©·Î(macro)ÀÌ´Ù. ÀÌ¿Í °°Àº ¸¶Å©·ÎµéÀº DTD¿¡ ¸¸ ³ªÅ¸³ª°í, HTML ¹®¼­¿¡´Â ³ªÅ¸³ªÁö ¾Ê´Â´Ù. ±ÛÀÚ ÂüÁ¶¶ó´Â ´Ù¸¥ Á¾·ùÀÇ ¸¶Å©·ÎµéÀº HTML ¹®¼­ÀÇ ÅؽºÆ®³ª ¾ÖÆ®¸®ºäÆ® °ª ¾È¿¡¼­ »ç¿ë µÉ ¼ö ÀÖ´Ù.

DTD¿¡¼­ À̸§À¸·Î ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼¸¦ ÂüÁ¶ ÇÒ ¶§, ¹®ÀÚ¿­·Î Ç¥½ÃµÈ´Ù.

ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼ Á¤ÀÇ´Â <!ENTITY %¶ó´Â Å°¿öµå·Î ½ÃÀ۵ǰí, ¿£Æ¼Æ¼(entity) À̸§ÀÌ µû¿ÈÇ¥ ¼ÓÀÇ ¹®ÀÚ¿­·Î ±â¼úµÇ¸ç, ³¡¿¡ >À¸·Î ´Ý´Â´Ù. DTDÀÇ ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼µéÀº "%"·Î ½ÃÀÛ µÇ°í, ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼ À̸§, ±×¸®°í ¼±ÅÃÀûÀÎ ";"·Î ³¡³­´Ù.

´ÙÀ½ ¿¹Á¦´Â "%fontstyle;"°¡ ±â¼úµÈ ¹®ÀÚ¿­À» ¼³¸íÇÑ´Ù.

<!ENTITY % fontstyle "TT | I | B | BIG | SMALL">

ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼¸¦ ±â¼úÇÏ´Â ¹®ÀÚ¿­¿¡´Â ´Ù¸¥ ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼ À̸§µéÀ» °¡Áø´Ù. À̵é À̸§µéÀº ¹Ýº¹ÀûÀ¸·Î »ç¿ëµÈ´Ù.

´ÙÀ½ ¿¹Á¦¿¡¼­ "%inline;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼¿¡´Â "%fontstyle;", "%phrase;", "%special;"°ú "%formctrl;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼µéÀÌ Æ÷ÇԵȴٰí Á¤ÀÇ ÇÑ °ÍÀÌ´Ù.

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

HTML DTD¿¡¼­ "%block;"¿Í "%inline;" µÎ°¡ÁöÀÇ ÆĶó¸ÞÅÍ(parameter) ¿£Æ¼Æ¼(entity)µéÀ» ÀÚÁÖ º¼ ¼ö ÀÖ´Ù. À̵éÀº ºí·°·¹º§°ú ÀζóÀÎ ¿¤·¹¸àÆ®¸¦ Æ÷ÇÔÇÏ´Â ³»¿ë ¸ðµ¨¿¡ »ç¿ëµÇ¸ç, HTML ¹®¼­ÀÇ °øÅë ±¸Á¶¿¡ Á¤ÀÇ µÇ¾îÀÖ´Ù.

3.3.3 ¿¤·¹¸àÆ®¼±¾ð

HTML DTD ¸ðµë´Â ¿¤·¹¸àÆ®(element) ŸÀÔ(type)°ú ±× ¾ÖÆ®¸®ºäÆ®(attribute)·Î ±¸¼ºµÈ´Ù. <!ELEMENT·Î ½ÃÀ۵ǰí>·Î Á¾°áµÇ¸ç, ±× »çÀÌ¿¡ ¾Æ·¡ ³»¿ëµéÀÌ ±â¼úµÈ´Ù.

  1. ¿¤·¹¸àÆ® À̸§.
  2. ¿¤·¹¸àÆ®ÀÇ Á¾·áű״ ¼±ÅÃÀûÀÌ´Ù. ¿¤·¹¸àÆ® À̸§ ´ÙÀ½¿¡ µÎ°³ÀÇ ÇÏÀÌÇÂ('-'¿Í '-')ÀÌ ³ª¿À¸é, °¢°¢Àº ½ÃÀÛ°ú ³¡À» ÀǹÌÇϸç ÇʼöÀûÀÌ´Ù. ÇÑ °³ÀÇ ÇÏÀÌÇ µÚ¿¡ "O"°¡ ÀÖÀ¸¸é, Á¾·áűװ¡ »ý·« µÉ ¼ö ÀÖ°í, "O"°¡ ¦À¸·Î ÀÖÀ¸¸é ½ÃÀÛÅÂ±×¿Í Á¾·áűװ¡ »ý·« µÉ ¼ö ÀÖ´Ù.
  3. ¿¤·¹¸àÆ®ÀÇ ³»¿ëÀÌ µÉ¼ö ÀÖ´Ù. °¡´ÉÇÑ ¿¤·¹¸àÆ® ÄÁÅÙÆ®À» ÄÁÅÙÆ®(content) ¸ðµ¨À̶óÇÑ´Ù. ³»¿ëÀ» °®Áö ¾Ê°Ô ¼³°è µÈ ¿¤·¹¸àÆ® ŸÀÔÀ» ºó(empty) ¿¤·¹¸àÆ®¶ó Çϸç, ÄÁÅÙÆ® ¸ðµ¨Àº "EMPTY"¶ó´Â Å°¿öµå¸¦ »ç¿ëÇÏ¿© Á¤ÀÇÇÑ´Ù.

¿¹Á¦:

   <!ELEMENT UL - - (LI)+>

ºó(empty) ¿¤·¹¸àÆ®¸¦ Á¤ÀÇÇÏ´Â ¿¹Á¦:

   <!ELEMENT IMG - O EMPTY>

ÄÁÅÙÆ®(content) ¸ðµ¨ Á¤ÀÇ

ÄÁÅÙÆ® ¸ðµ¨Àº ±× ¿¤·¹¸àÆ® ŸÀÔ¿¡¼­ ¾î¶² ³»¿ëµéÀÌ Æ÷ÇÔ µÉ ¼ö Àִ°¡¸¦ Ç¥½Ã ÇÑ´Ù. ÄÁÅÙÆ® ¸ðµ¨ Á¤ÀÇ¿¡´Â ´ÙÀ½ »çÇ×µéÀÌ Æ÷ÇԵȴÙ.

¿¤·¹¸àÆ®ÀÇ ÄÁÅÙÆ® ¸ðµ¨Àº ´ÙÀ½ ¹®¹ýÀ¸·Î ±â¼úÇÑ´Ù.

( ... )
±¸·ìÀ» ÁöÁ¤.
A | B
A ¶Ç´Â BÀÌ°í, µÑ ´Ù´Â ¾Æ´Ô.
A , B
A¿Í B°¡ ¼ø¼­¸¦ ¸ÂÃç µÑ ´Ù ³ªÅ¸ ³².
A & B
A¿Í B°¡ ¼ø¼­´Â °ü°è ¾øÀÌ µÑ ´Ù ³ªÅ¸ ³².
A?
A°¡ ¾È³ªÅ¸³ª°Å³ª ÇÑ ¹ø³ªÅ¸ ³².
A*
A°¡ ¾È³ªÅ¸³ª°Å³ª Çѹø ÀÌ»ó ³ªÅ¸ ³².
A+
A°¡ Çѹø ÀÌ»ó ³ªÅ¸ ³².

HTML DTDÀÇ ¿¹Á¦:

  <!ELEMENT UL - - (LI)+>

UL ¿¤·¹¸àÆ®¿¡´Â LI ¿¤·¹¸àÆ®°¡ ÇÑ°³ ÀÌ»ó Æ÷ÇÔ µÇ¾î¾ß ÇÔ.

  <!ELEMENT DL    - - (DT | DD)+>

DL ¿¤·¹¸àÆ®¿¡´Â ¼ø¼­´Â °ü°è ¾øÀÌ, Çϳª ÀÌ»óÀÇ DT ¶Ç´Â DD ¿¤·¹¸àÆ®°¡ Æ÷ÇÔ µÇ¾î¾ß ÇÑ´Ù.

  <!ELEMENT OPTION - O (#PCDATA)>

OPTION ¿¤·¹¸àÆ®´Â ÅؽºÆ®¿Í &amp;¿Í °°Àº ¿£Æ¼Æ¼(entity) ¸¸À» °¡Áú ¼ö Àִµ¥, SGML µ¥ÀÌÅÍ Á¾·ù´Â #PCDATAÀÌ´Ù.

HTMLÀÇ ¼Ò¼ö ¿¤·¹¸àÆ® ŸÀÔ¿¡¼­ ÄÁÅÙÆ®(content) ¸ðµ¨·Î ºÎÅÍ ¾î¶² ¿¤·¹¸àÆ®¸¦ Á¦¿ÜÇϱâ À§ÇÏ¿© Ãß°¡ÀûÀÎ SGML ±â´ÉÀ» »ç¿ëÇÑ´Ù. Á¦¿Ü µÈ ¿¤·¹¸àÆ®µéÀº ÇÏÀÌÇÂ('-') ´ÙÀ½¿¡ Ç¥½ÃÇÑ´Ù. Á¦¿ÜÇϸé Çã¿ë µÈ ¿¤·¹¸àÆ®¿¡¼­µµ Á¦¿ÜµÈ´Ù.

¾Æ·¡ ¿¹Á¦¿¡¼­ -(A)´Â ¿¤·¹¸àÆ® A ¾È¿¡¼­ ´Ù¸¥ A ¿¤·¹¸àÆ®¸¦ °¡Áú ¼ö ¾øÀ½À» ³ªÅ¸³½´Ù.

  <!ELEMENT A - - (%inline;)* -(A)>

A ¿¤·¹¸àÆ® ŸÀÔ´Â DTD ÆĶó¸ÞÅÍ(parameter) ¿£Æ¼Æ¼(entity) "%inline;"ÀÇ ºÎºÐÀÌÁö¸¸, -(A)·Î Á¦¿Ü µÇ¾ú´Ù.

°°Àº ½ÄÀ¸·Î, ´ÙÀ½ ¿¤·¹¸àÆ® ŸÀÔ Á¤ÀÇ´Â FORM¿¡ ´Ù¸¥ FORMÀ» Æ÷ÇÔÇÏ´Â °ÍÀ» ±ÝÇÏ°í ÀÖ´Ù.

  <!ELEMENT FORM - - (%block; | SCRIPT)+ -(FORM)>

3.3.4 ¾ÖÆ®¸®ºäÆ®(attribute) ¼±¾ð

Å°¿öµå <!ATTLIST·Î ¿¤·¹¸àÆ®°¡ ÀÚÁú ¼ö ÀÖ´Â ¾ÖÆ®¸®ºäÆ® ¼±¾ðÀÌ ½ÃÀÛ µÇ¸ç, ¿¤·¹¸àÆ®(element) À̸§°ú ¾ÖÆ®¸®ºäÆ® Á¤ÀÇ ¸ñ·ÏÀÌ ³ª¿Â ´ÙÀ½>·Î Á¾·áµÈ´Ù. °¢ ¾ÖÆ®¸®ºäÆ® Á¤ÀÇ¿¡¼­ ´ÙÀ½ »çÇ×µéÀ» °áÁ¤ÇÑ´Ù.

¾Æ·¡ ¿¹Á¦¿¡¼­ MAP ¿¤·¹¸àÆ®ÀÇ ¼±ÅÃÀûÀÎ name ¾ÖÆ®¸®ºäÆ®°¡ Á¤ÀÇ µÇ¾ú´Ù.

<!ATTLIST MAP
 name        CDATA     #IMPLIED
>

ÀÌ ¾ÖÆ®¸®ºäÆ®¿¡¼­ Çã¿ë µÈ °ªÀÇ Á¾·ù´Â SGML µ¥ÀÌÅÍ Å¸ÀÔ ÀÎ CDATA ÀÌ´Ù. CDATA´Â ±ÛÀÚ ÂüÁ¶¸¦ Æ÷ÇÔ ÇÒ ¼ö ÀÖ´Â ÅؽºÆ®ÀÌ´Ù.

Ãß°¡ÀûÀÎ "CDATA", "NAME", "ID"³ª ±âŸ µ¥ÀÌÅÍ Å¸ÀÔÀÇ ³»¿ëÀº HTML µ¥ÀÌÅÍ Å¸ÀÔÀ» ÂüÁ¶Ç϶ó.

´ÙÀ½ ¿¹Á¦´Â ¸î °³ÀÇ ¾ÖÆ®¸®ºäÆ® Á¤ÀǸ¦ ¼³¸íÇÑ´Ù.

rowspan     NUMBER     1         -- Ä­(cell)¿¡ ÀÇÇØ Ç¥ÇöµÇ´Â ÁÙ ¼ö --
http-equiv  NAME       #IMPLIED  -- HTTP¿¡ ¹Ý¿µµÇ´Â Çì´õ À̸§  --
id          ID         #IMPLIED  -- Àü ¹®¼­¸¦ ÅëÇØ À¯ÀÏÇÑ id --
valign      (top | middle | bottom | baseline) #IMPLIED

¾ÖÆ®¸®ºäÆ® Á¤ÀÇ¿¡¼­ DTD ¿£Æ¼Æ¼

¾ÖÆ®¸®ºäÆ® Á¤ÀÇ¿¡´Â ÆĶó¸ÞÅÍ(parameter) ¿£Æ¼Æ¼(entity) ÂüÁ¶¸¦ Æ÷ÇÔ ÇÒ ¼ö ÀÖ´Ù.

¾Æ·¡ ¿¹Á¦´Â "%attrs;"¶ó´Â ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼·Î ½ÃÀÛÇÏ´Â LINK ¿¤·¹¸àÆ®ÀÇ ¾ÖÆ®¸®ºäÆ® Á¤ÀÇ ¸ñ·ÏÀÌ´Ù.

<!ELEMENT LINK - O EMPTY               --  ¸Þµð¾Æ¿Í °ü°è ¾ø´Â(µ¶¸³ÀûÀÎ) ¿¬°á -->
<!ATTLIST LINK
 %attrs;                              -- %coreattrs, %i18n, %events --
 charset     %Charset;      #IMPLIED  -- ¿¬°á µÈ Áö¿øÀÇ ±ÛÀÚ ¿£ÄÚµù --
 href        %URI;          #IMPLIED  -- ÀÚ¿ø¿¡ ¿¬°á ½ÃÅ°±â À§ÇÑ URI --
 hreflang    %LanguageCode; #IMPLIED  -- ¾ð¾î ÄÚµå --
 type        %ContentType;  #IMPLIED  -- ÄÁÅÙÆ® ŸÀÔ(content type) Á¤º¸ --
 rel         %LinkTypes;    #IMPLIED  -- ¾ÕÀ¸·ÎÇÏ´Â ¿¬°á(link) ŸÀÔ --
 rev         %LinkTypes;    #IMPLIED  -- µÚ·ÎÇÏ´Â ¿¬°á(link) ŸÀÔ --
 media       %MediaDesc;    #IMPLIED  -- ÀÌ ¸Þµð¾Æ¸¦ ÀÛµ¿½ÃÅ°±â À§ÇÏ¿© --
>

½ÃÀÛű״ ÇÊ¿äÇÏ°í, Á¾·áű״ ±ÝÁö

"%attrs;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼´Â ´ÙÀ½°ú °°ÀÌ Á¤ÀǵȴÙ.

<!ENTITY % attrs "%coreattrs; %i18n; %events;"
>

"%attrs;" ¾È¿¡¼­ "%coreattrs;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼´Â ´ÙÀ½°ú °°ÀÌ Á¤ÀǵȴÙ.

<!ENTITY % coreattrs
"id          ID             #IMPLIED  -- ¹®¼­ Àüü¸¦ Åë ÇÑ µ¶Æ¯ ÇÑ id --
 class       CDATA          #IMPLIED  -- Ŭ¶ó½º(classe) ¸ñ·ÏÀº ºóÄ­À¸·Î ºÐ¸®µÈ´Ù --
 style       %stylesheet;   #IMPLIED  -- ¿¬°ü µÈ ½ºÅ¸ÀÏ Á¤º¸ --
 title       %Text;         #IMPLIED  -- Âü°í Á¦¸ñ/¹èÀ²(amplification) --"	
>

ÀÌ ¾ÖÆ®¸®ºäÆ®µéÀº ´ëºÎºÐÀÇ HTML ¿£Æ®¸® ŸÀÔ¿¡¼­ Á¤ÀÇ µÇ¾úÀ¸¹Ç·Î "%attrs;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼´Â ÆíÀ̼ºÀ» À§ÇÏ¿© Á¤ÀÇÇÏ¿´´Ù.

ºñ½ÁÇÏ°Ô, DTD¿¡¼­ "%URI;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼¸¦ ¹®ÀÚ¿­ "CDATA"·Î Á¤ÀÇ ÇÏ¿´´Ù.

<!ENTITY % URI "CDATA" --  URI(Uniform Resource Identifier) --
>

ÀÌ ¿¹Á¦¿¡¼­ ¼³¸í µÈ ¹Ù¿Í °°ÀÌ DTD¸¦ ÀÐÀ» ¶§ "%URI;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼´Â ¾ÖÆ®¸®ºäÆ®°¡ ±â´ëÇÏ´Â µ¥ÀÌÅÍ Å¸ÀÔ¿¡ ´ë ÇÑ º¸´Ù »ó¼¼ÇÑ Á¤º¸¸¦ Á¦°øÇÑ´Ù. "%Color;", "%Charset;", "%Length;", "%Pixels;"µîÀÇ ¿£Æ¼Æ¼µé¿¡ ´ëÇؼ­µµ ºñ½ÁÇÑ Á¤ÀǵéÀÌ µÇ¾îÀÖ´Ù.

ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®(attribute)

ÀϺΠ¾ÖÆ®¸®ºäÆ®´Â ºÒ¸° º¯¼öÀÇ ±â´ÉÀ» ÇÑ´Ù(¿¹: SELECT ¿¤·¹¸àÆ®¿¡¼­ selected ¾ÖÆ®¸®ºäÆ®). ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡ ÀÌ ¾ÖÆ®¸®ºäÆ®¸¦ ¸¸³ª¸é °ªÀÌ '¸Â´Ù'(true)ÀÌ°í, ¸¸³ªÁö ¾ÊÀ¸¸é °ªÀÌ 'Ʋ¸°´Ù'(false)°¡ µÊÀ» ÀǹÌÇÑ´Ù.

ºÒ¸° ¾ÖÆ®¸®ºäÆ®´Â ¹®¹ýÀÌ Æ²¸®Áö ¾Ê°í °ªÀ» °¡Áú ¼ö Àִµ¥, ¿¹¸¦ µé¸é selected="selected"¿Í °°ÀÌ ¾ÖÆ®¸®ºäÆ® ÀÚüÀÇ À̸§À» °ªÀ¸·Î °¡Áú ¼ö ÀÖ´Ù.

¾Æ·¡ ¿¹Á¦¿¡¼­´Â selected ¾ÖÆ®¸®ºäÆ®°¡ ºÒ¸° ¾ÖÆ®¸®ºäÆ®°¡ µÇµµ·Ï Á¤ÀÇ ÇÏ¿´´Ù.

selected     (selected)  #IMPLIED  -- ³»ºÎ Ç׸ñÀÌ ¾øÀ½ --

¾ÖÆ®¸®ºäÆ®°¡ ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛÅÂ±× ¾È¿¡ ÀÖÀ¸¸é "true"·Î ¼³Á¤ÇÏ´Â:

<SELECT selected="selected">
 ... ³»¿ë ...
<SELECT>

HTML¿¡¼­ ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®´Â ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡ ´Üµ¶À¸·Î °ªÀ» °®°Ô °£´ÜÈ÷ Ç¥Çö ÇÒ ¼ö ÀÖ´Ù. À̸¦ À§ÇØ selected¸¦ ¾Æ·¡¿Í °°ÀÌ »ç¿ë ÇÒ ¼ö ÀÖ´Ù.

<SELECT selected="selected">
 À§ÀÇ ¿¤·¹¸àÆ®¿¡¼­ ¾ÖÆ®¸®ºäÆ®¸¦ ¾²´Â ´ë½Å
<SELECT selected>

Á¦ÀÛÀÚ´Â ¸¹Àº »ç¿ëµµ±¸¿¡¼­ ºÒ¸° ¾ÖÆ®¸®ºäÆ®¸¦ ´Ù ÀνÄÇÏÁö ¸øÇÏ°í, ÀϺΠ¸¸À» ÀνÄÇÑ´Ù´Â Á¡À» ¾Ë¾Æ¾ß ÇÑ´Ù.


ÀÌ Trio ȨÆäÀÌÁö ¹®¼­(http://trio.co.kr/webrefer/html40/intro/sgmltut.html)´Â ÀÚÀ¯·ÎÀÌ ¿¬°á »ç¿ëÀÌ °¡´ÉÇÔ.