![]() | 3 SGML°ú HTML¿¡ ´ëÇÏ¿© | ![]() |
ÀÌÀü¼ø¼ | ´ÙÀ½¼ø¼ | ¸ñ·Ï | ¿¤·¹¸àÆ® | ¾ÖÆ®¸®ºäÆ® | »öÀÎ | ¿ø¹®¿¬°á |
ÀÌ Ç׸ñ¿¡¼´Â SGMLÀ» ¼Ò°³ÇÏ°í HTML°úÀÇ °ü°è¸¦ ´Ù·é´Ù. SGML Ç¥ÁØÀÇ ÀÚ¼¼ÇÑ ³»¿ëÀº [ISO8879]À» ÂüÁ¶Ç϶ó.
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)À̶ó Çϴµ¥ ÀϹÝÀûÀ¸·Î ´ÙÀ½°ú °°Àº Ư¼ºÀ» °®´Â´Ù.
HTML 4.0 ±Ô°ÝÀº SGML ¼±¾ð, ¼¼°¡Áö ¹®¼ ŸÀÔ Á¤ÀÇ(HTML ¹öÀü Á¤º¸ ÂüÁ¶)¿Í ±ÛÀÚ ÂüÁ¶ ¸ñ·ÏÀ» Æ÷ÇÔÇÏ°í ÀÖ´Ù.
´ÙÀ½ Ç׸ñµéÀº HTML¿¡¼ »ç¿ëµÇ´Â SGMLÀÇ ±¸Á¶¸¦ ¼Ò°³ÇÑ´Ù.
ºÎ·ÏÀÇ ¸ñ·Ï¿¡ HTML µµ±¸¿Í »ç¿ëµµ±¸¿¡ ÀÇÇØ ³Î¸® »ç¿ëµÇÁö ¾Ê´Â ÀϺΠSGML ±â´ÉÀ» ¼Ò°³ ÇÏ¿´´Âµ¥ À̵éÀÇ »ç¿ëÀº ÇÇÇؾßÇÑ´Ù.
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ÀÇ ½ÃÀÛÅÂ±×¿Í Á¾·áű״ µÑ ´Ù »ý·« µÉ ¼ö ÀÖ´Ù.
¸ðµç ¿¤·¹¸àÆ® Á¾·ùµéÀº ÀÌ ±Ô°ÝÀÇ ¿¤·¹¸àµå »öÀÎ ¸ñ·Ï¿¡ Á¤¸® µÇ¾îÀÖ´Ù.
¿¤·¹¸àÆ®(element)´Â °ü·Ã Ư¼ºÀ» °¡Áú ¼ö Àִµ¥ ÀÌ Æ¯¼ºÀ» ¾ÖÆ®¸®ºäÆ®(attribute)¶ó ÇÏ¸ç °ªÀ» °¡Áú ¼ö ÀÖ´Ù. °ªÀº µðÆúÆ®(default)·Î °®°Å³ª, Á¦ÀÛÀÚ°¡ ¼³Á¤Çϰųª ½ºÅ©¸³Æ®·Î(script)·Î ¼³Á¤ ÇÒ ¼ö ÀÖ´Ù. ¾ÖÆ®¸®ºäÆ®¿Í °ªÀÇ Â¦Àº ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡¼ ">"·Î ´Ý±â Àü¿¡ À§Ä¡ÇÑ´Ù. ¹®¹ý¿¡ ¸Â´Â ¾î¶² °¹¼öÀÇ ¾ÖÆ®¸®ºäÆ®¿Í ±× °ªÀÇ Â¦µéÀº ºóÄ(space)À¸·Î ºÐ¸®µÇ°í, ±× ¼ø¼´Â °ü°è°¡ ¾ø´Ù.
H1 ¿¤·¹¸àÆ®¿¡ id ¾ÖÆ®¸®ºäÆ®¸¦ ¼³Á¤ ÇÑ ¿¹Á¦:
<H1 id="section1"> ÀÌ °ÍÀº H1 ¿¤·¹¸àÆ®¿¡ id ¾ÖÆ®¸®ºäÆ®¸¦ °ªÀÌ 'section1'ÀÌ µÇ°Ô ¼³Á¤ ÇÑ ¿¹Á¦ÀÌ´Ù. </H1>
µðÆúÆ®(default)·Î, SGMLÀº ¸ðµç ¾ÖÆ®¸®ºäÆ®(attribute)ÀÇ °ªÀ» ÀÌÁß µû¿ÈÇ¥( ": ASCII 10Áø¼ö 34) ¶Ç´Â ´ÜÀÏ µû¿ÈÇ¥( ': ASCII 10Áø¼ö 39)¸¦ ÀÌ¿ëÇÏ¿© ±¸ºÐ µÈ °ªÀ¸·Î ¿ä±¸ÇÑ´Ù. ÀÌÁß µû¿ÈÇ¥·Î ±¸ºÐ µÈ °ªÀÇ ¼Ó¿¡¼´Â ´ÜÀÏ µû¿ÈÇ¥·Î ±¸ºÐ µÈ °ªÀ» Æ÷ÇÔ ÇÒ ¼ö ÀÖ°í, ±× ¹Ý´ë ÀÎ ´ÜÀÏ µû¿ÈÇ¥ ¾È¿¡¼ ÀÌÁß µû¿ÈÇ¥ Æ÷ÇÔµµ °¡´ÉÇÏ´Ù. Á¦ÀÛÀÚ´Â ¼ýÀÚ ÂüÁ¶¿¡¼ ÀÌÁß µû¿ÈÇ¥(")¿Í ´ÜÀÏ µû¿ÈÇ¥(')¸¦ ã¾Æ ¾µ ¼ö ÀÖ°í, ±ÛÀÚ ¿£Æ¼Æ¼(entity) ÂüÁ¶¿¡¼ "¸¦ ã¾Æ ¾µ ¼öµµ ÀÖ´Ù.
°æ¿ì¿¡ µû¶ó Á¦ÀÛÀÚ´Â ¾ÖÆ®¸®ºäÆ® °ªÀ» ¾Æ¹« µû¿ÈÇ¥ ¾øÀÌ ¾µ ¼ö Àִµ¥, ÀÌ ¶§ÀÇ ¾ÖÆ®¸®ºäÆ® °ªÀº ¾ËÆĺª ±ÛÀÚ(a-z ¿Í A-Z), ¼ýÀÚ(0-9), ÇÏÀÌÇÂ(-: hyphen: ASCII 10Áø¼ö 45)°ú Á¡(.: period: ASCII 10Áø¼ö 46) ¸¸À¸·Î ±¸¼ºµÇ¾î ÀÖ¾î¾ß ÇÑ´Ù. ±×·¯³ª µû¿ÈÇ¥¸¦ »ý·« ÇÒ ¼ö ÀÖ´Â °æ¿ì¶óµµ »ç¿ëÇÏ´Â °ÍÀ» ÃßõÇÑ´Ù.
¾ÖÆ®¸®ºäÆ® À̸§Àº Ç×»ó ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏÁö ¾Ê´Â´Ù.
¾ÖÆ®¸®ºäÆ® °ªÀº ÀϹÝÀûÀ¸·Î ´ë¼Ò¹®ÀÚ ±¸º° ¾øÀÌ »ç¿ëµÈ´Ù. °¢ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀÌ ´ë¼Ò¹®ÀÚ¸¦ ±¸º°ÇÏ¿© Çϴ°¡´Â Âü°í ¸Å´º¾ó¿¡ Á¦½Ã µÇ¾îÀÖ´Ù.
¸ðµç ¾ÖÆ®¸®ºäÆ®´Â ÀÌ ±Ô°ÝÀÇ ¾ÖÆ®¸®ºäÆ® »öÀÎ ¸ñ·Ï¿¡ Á¤ÀÇ µÇ¾îÀÖ´Ù.
±ÛÀÚ ÂüÁ¶´Â ¼ýÀÚ³ª HTML ¹®¼¿¡ Æ÷ÇÔ µÉ ¼ö ÀÖ´Â ±ÛÀÚ ±âÈ£ÀÇ À̸§ÀÌ´Ù. À̵éÀº ÀÚÁÖ »ç¿ëµÇÁö ¾Ê´Â ±ÛÀÚ¸¦ Á¶È¸Çϰųª, ÆíÁý±â¿¡¼ »ç¿ëÇϱâ Èûµé°Å³ª »ç¿ë ÇÒ ¼ö ¾øÀ» ¶§ À¯¿ëÇÏ°Ô »ç¿ëµÈ´Ù. ÀÌ ¹®¼ Àüü¸¦ ÅëÇÏ¿© ±ÛÀÚ ÂüÁ¶¸¦ º¼ ¼ö Àִµ¥ "&" ºÎÈ£·Î ½ÃÀÛµÇ°í ¼¼¹ÌÄÝ·Ð(;)À¸·Î Á¾·áµÈ´Ù. ÀϹÝÀûÀÎ ¿¹Á¦¸¦ º¸¸é:
¾ÕÀ¸·Î HTML ¹®¼ ±ÛÀÚ ¸ñ·Ï Ç׸ñ¿¡¼ HTML ±ÛÀÚ ÂüÁ¶ ¼¼ºÎ»çÇ×À» ´Ù·ê °ÍÀÌ´Ù. ¶ÇÇÑ ÀÌ ±Ô°Ý¿¡´Â HTML 4.0 ¹®¼¿¡¼ »ç¿ëµÇ´Â ±ÛÀÚ ÂüÁ¶ ¸ñ·ÏÀÌ Æ÷ÇÔ µÇ¾îÀÖ´Ù.
HTMLÀÇ ÄÚ¸àÆ®ÀÇ ¹®¹ýÀº ´ÙÀ½°ú °°´Ù.
<!-- ÀÌ ºÎºÐÀº ÄÚ¸àÆ®ÀÌ´Ù. --> <!-- ÀÌ ºÎºÐÀº ¿©·¯ ÁÙ ÄÚ¸àÆ®ÀÌ´Ù. -->
ÄÚ¸àÆ®À» ½ÃÀÛÇÏ´Â "<!"¿Í ³»¿ëÀ» ½ÃÀÛÇÏ´Â "--" »çÀÌ¿¡´Â °ø°£ÀÌ Çã¿ëµÇÁö ¾Ê´Â´Ù. ±×·¯³ª ³»¿ëÀ» Á¾·áÇÏ´Â "--"¿Í ÄÚ¸àÆ®À» Á¾·áÇÏ´Â ">" »çÀÌ¿¡´Â °ø°£ÀÌ Çã¿ëµÈ´Ù. ÀϹÝÀûÀÎ ¿À·ù´Â ÄÚ¸àÆ® ¼Ó¿¡ "---"°¡ Æ÷ÇÔµÇ¾î ³ªÅ¸³´Ù. Á¦ÀÛÀÚ´Â ÄÚ¸àÆ® ³»¿ë¿¡¼ µÎ°³ ÀÌ»óÀÇ ÇÏÀÌÇÂ('-')À» ¿¬¼ÓÇؼ »ç¿ëÇÏ´Â °ÍÀ» ÇÇÇؾßÇÑ´Ù.
ÄÚ¸àÆ®¿¡ ³ªÅ¸³ Á¤º¸µéÀº ƯÁ¤ Àǹ̸¦ °®Áö ¾Ê°í, ±ÛÀÚ ÂüÁ¶¿¡ ÀÇÇØ Çؼ® µÇÁö ¾Ê´Â´Ù.
°¢ ¿¤·¹¸àÆ®(element)¿Í ¾ÖÆ®¸®ºäÆ®(attribute)´Â ÀÌ ±Ô°ÝÀÇ ¹®¼ ŸÀÔ Á¤ÀÇ(DTD) ºÎºÐÀ» °®´Â´Ù. ÀÌ ±Ô°Ý¿¡¼ ã¾Æº¸±â ½¬¿î ¹æ½Äº¸´Ù´Â DTD ºÎºÐµéÀ» Æ÷ÇÔÇϵµ·Ï Çߴµ¥, ÀÌ´Â ´õ ±æ°í ´ú Á¤¹ÐÇÑ ¿¤·¹¸àÆ®ÀÇ Æ¯¼ºÀ» ¼³¸íÇÏ´Â ¹æ½ÄÀÌ´Ù. ´ÙÀ½ ¼³¸í(tutorial)Àº SGML¿¡ Ä£¼÷ÇÏÁö ¾ÊÀº µ¶ÀÚ°¡ DTD¸¦ Àоî HTML ±Ô°ÝÀÇ ±â¼úÀû ¼¼ºÎ»çÇ×À» ÀÌÇØÇÏ°Ô ÇÑ °ÍÀÌ´Ù.
DTD¿¡ ÀÖ¾î¼ ÄÚ¸àÆ®Àº ÇÑ ÁÙÀ̳ª ¿©·¯ ÁÙÀÌ µÉ ¼ö ÀÖÀ¸¸ç "--"ÀÇ Â¦ »çÀÌ¿¡ µé¾î °£´Ù.
¿¹¸¦ µé¾î:
<!ELEMENT PARAM - O EMPTY -- ¸í¸í µÈ Ư¼º À̸§ÀÇ °ª -->
¿©±â¿¡¼ ÄÚ¸àÆ® "¸í¸í µÈ Ư¼º À̸§ÀÇ °ª"Àº PARAM ¿¤·¹¸àÆ® ŸÀÔÀÇ »ç¿ëÀ» ¼³¸íÇÑ´Ù. DTD¿¡¼ ÄÚ¸àÆ®Àº ¼öÇàµÇÁö ¾Ê°í ´Ü¼ø ÇÑ Á¤º¸ ¸¸À» Á¦°øÇÑ´Ù.
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 ¹®¼ÀÇ °øÅë ±¸Á¶¿¡ Á¤ÀÇ µÇ¾îÀÖ´Ù.
HTML DTD ¸ðµë´Â ¿¤·¹¸àÆ®(element) ŸÀÔ(type)°ú ±× ¾ÖÆ®¸®ºäÆ®(attribute)·Î ±¸¼ºµÈ´Ù. <!ELEMENT·Î ½ÃÀ۵ǰí>·Î Á¾°áµÇ¸ç, ±× »çÀÌ¿¡ ¾Æ·¡ ³»¿ëµéÀÌ ±â¼úµÈ´Ù.
¿¹Á¦:
<!ELEMENT UL - - (LI)+>
ºó(empty) ¿¤·¹¸àÆ®¸¦ Á¤ÀÇÇÏ´Â ¿¹Á¦:
<!ELEMENT IMG - O EMPTY>
¿¤·¹¸àÆ®ÀÇ ÄÁÅÙÆ® ¸ðµ¨Àº ´ÙÀ½ ¹®¹ýÀ¸·Î ±â¼úÇÑ´Ù.
HTML DTDÀÇ ¿¹Á¦:
<!ELEMENT UL - - (LI)+>
UL ¿¤·¹¸àÆ®¿¡´Â LI ¿¤·¹¸àÆ®°¡ ÇÑ°³ ÀÌ»ó Æ÷ÇÔ µÇ¾î¾ß ÇÔ.
<!ELEMENT DL - - (DT | DD)+>
DL ¿¤·¹¸àÆ®¿¡´Â ¼ø¼´Â °ü°è ¾øÀÌ, Çϳª ÀÌ»óÀÇ DT ¶Ç´Â DD ¿¤·¹¸àÆ®°¡ Æ÷ÇÔ µÇ¾î¾ß ÇÑ´Ù.
<!ELEMENT OPTION - O (#PCDATA)>
OPTION ¿¤·¹¸àÆ®´Â ÅؽºÆ®¿Í &¿Í °°Àº ¿£Æ¼Æ¼(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)>
Å°¿öµå <!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
¾ÖÆ®¸®ºäÆ® Á¤ÀÇ¿¡´Â ÆĶó¸ÞÅÍ(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"·Î Á¤ÀÇ ÇÏ¿´´Ù.
ÀÌ ¿¹Á¦¿¡¼ ¼³¸í µÈ ¹Ù¿Í °°ÀÌ DTD¸¦ ÀÐÀ» ¶§ "%URI;" ÆĶó¸ÞÅÍ ¿£Æ¼Æ¼´Â ¾ÖÆ®¸®ºäÆ®°¡ ±â´ëÇÏ´Â µ¥ÀÌÅÍ Å¸ÀÔ¿¡ ´ë ÇÑ º¸´Ù »ó¼¼ÇÑ Á¤º¸¸¦ Á¦°øÇÑ´Ù. "%Color;", "%Charset;", "%Length;", "%Pixels;"µîÀÇ ¿£Æ¼Æ¼µé¿¡ ´ëÇؼµµ ºñ½ÁÇÑ Á¤ÀǵéÀÌ µÇ¾îÀÖ´Ù.
ÀϺΠ¾ÖÆ®¸®ºäÆ®´Â ºÒ¸° º¯¼öÀÇ ±â´ÉÀ» ÇÑ´Ù(¿¹: SELECT ¿¤·¹¸àÆ®¿¡¼ selected ¾ÖÆ®¸®ºäÆ®). ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡ ÀÌ ¾ÖÆ®¸®ºäÆ®¸¦ ¸¸³ª¸é °ªÀÌ '¸Â´Ù'(true)ÀÌ°í, ¸¸³ªÁö ¾ÊÀ¸¸é °ªÀÌ 'Ʋ¸°´Ù'(false)°¡ µÊÀ» ÀǹÌÇÑ´Ù.
ºÒ¸° ¾ÖÆ®¸®ºäÆ®´Â ¹®¹ýÀÌ Æ²¸®Áö ¾Ê°í °ªÀ» °¡Áú ¼ö Àִµ¥, ¿¹¸¦ µé¸é selected="selected"¿Í °°ÀÌ ¾ÖÆ®¸®ºäÆ® ÀÚüÀÇ À̸§À» °ªÀ¸·Î °¡Áú ¼ö ÀÖ´Ù.
¾Æ·¡ ¿¹Á¦¿¡¼´Â selected ¾ÖÆ®¸®ºäÆ®°¡ ºÒ¸° ¾ÖÆ®¸®ºäÆ®°¡ µÇµµ·Ï Á¤ÀÇ ÇÏ¿´´Ù.
selected (selected) #IMPLIED -- ³»ºÎ Ç׸ñÀÌ ¾øÀ½ --
¾ÖÆ®¸®ºäÆ®°¡ ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛÅÂ±× ¾È¿¡ ÀÖÀ¸¸é "true"·Î ¼³Á¤ÇÏ´Â:
<SELECT selected="selected"> ... ³»¿ë ... <SELECT>
HTML¿¡¼ ºÒ¸°(boolean) ¾ÖÆ®¸®ºäÆ®´Â ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡ ´Üµ¶À¸·Î °ªÀ» °®°Ô °£´ÜÈ÷ Ç¥Çö ÇÒ ¼ö ÀÖ´Ù. À̸¦ À§ÇØ selected¸¦ ¾Æ·¡¿Í °°ÀÌ »ç¿ë ÇÒ ¼ö ÀÖ´Ù.
<SELECT selected="selected"> À§ÀÇ ¿¤·¹¸àÆ®¿¡¼ ¾ÖÆ®¸®ºäÆ®¸¦ ¾²´Â ´ë½Å <SELECT selected>
Á¦ÀÛÀÚ´Â ¸¹Àº »ç¿ëµµ±¸¿¡¼ ºÒ¸° ¾ÖÆ®¸®ºäÆ®¸¦ ´Ù ÀνÄÇÏÁö ¸øÇÏ°í, ÀϺΠ¸¸À» ÀνÄÇÑ´Ù´Â Á¡À» ¾Ë¾Æ¾ß ÇÑ´Ù.
ÀÌÀü¼ø¼ | ´ÙÀ½¼ø¼ | ¸ñ·Ï | ¿¤·¹¸àÆ® | ¾ÖÆ®¸®ºäÆ® | »öÀÎ | ¿ø¹®¿¬°á |