W3CºÎ·Ï A: HTML 4ÀÇ º¯°æµéTrio ȨÆäÀÌÁö

¸ñÂ÷

  1. 1998³â 4¿ù 24ÀÏ HTML 4.0 °ú 1999³â 12¿ù 24ÀÏ HTML 4.01 ¹öÀü »çÀÌÀÇ º¯°æµé
    1. ÀÌ ±Ô°ÝÀÇ º¯°æ
    2. ¼öÁ¤µÈ ¿À·ùµé
    3. ¼öÁ¤µÈ »ç¼ÒÇÑ Ã¶ÀÚ ¿À·ùµé
    4. ¼³¸íµé
    5. ¾Ë·ÁÁø ºÎ¶ó¿ìÀú ¹®Á¦Á¡µé
  2. 1997³â 12¿ù 18ÀÏ °ú 1998³â 4¿ù 24ÀÏ ¹öÀüµé »çÀÌÀÇ º¯°æµé
    1. ¼öÁ¤µÈ ¿À·ùµé
    2. ¼öÁ¤µÈ »ç¼ÒÇÑ Ã¶ÀÚ ¿À·ùµé
  3. HTML 3.2 ¿Í HTML 4.0 (1997³â 12¿ù 18ÀÏ) »çÀÌÀÇ º¯°æµé
    1. ¿¤·¹¸àÆ®µé¿¡ ´ëÇÑ º¯°æµé
    2. ¾ÖÆ®¸®ºäÆ®µé¿¡ ´ëÇÑ º¯°æµé
    3. Á¢¼Ó¼º(accessibility)¿¡ ´ëÇÑ º¯°æµé
    4. ¸ÞŸµ¥ÀÌÅÍ(meta data)¿¡ ´ëÇÑ º¯°æµé
    5. ÅؽºÆ®µé¿¡ ´ëÇÑ º¯°æµé
    6. ¿¬°á(link)µé¿¡ ´ëÇÑ º¯°æµé
    7. Ç¥(table)µé¿¡ ´ëÇÑ º¯°æµé
    8. À̹ÌÁö(image), ¿ÀºêÁ§Æ®(object), À̹ÌÁö¸Ê(map)µé¿¡ ´ëÇÑ º¯°æµé
    9. ÀÔ·ÂÆû(form)µé¿¡ ´ëÇÑ º¯°æµé
    10. ½ºÅ¸ÀϽ¬Æ®(style sheet)µé¿¡ ´ëÇÑ º¯°æµé
    11. ÇÁ·¹ÀÓ(framet)µé¿¡ ´ëÇÑ º¯°æµé
    12. ½ºÅ©¸³ÆÃ(scripting)µé¿¡ ´ëÇÑ º¯°æµé
    13. ±¹Á¦È­ °ü·Ã º¯°æµé

A.1 1998³â 4¿ù 24ÀÏ HTML 4.0 °ú 1999³â 12¿ù 24ÀÏ HTML 4.01 ¹öÀü »çÀÌÀÇ º¯°æµé

ÀÌ Ç׸ñÀº HTML 4.01 ±Ô°Ý 1999³â 12¿ù 24ÀÏ ¹öÀüÀÌ ¾î¶»°Ô HTML 4.0 1998³â 4¿ù 24ÀÏ ¹öÀü°ú ´Ù¸¥°¡¸¦ ±â¼úÇÑ´Ù.

A.1.1 ÀÌ ±Ô°ÝÀÇ º¯°æµé

ÀϹÝÀûÀÎ º¯°æµé 

SGML°ú HTML¿¡ ´ëÇÏ¿©  

HTML ¹®¼­ Ç¥Çö±âÁØ  

±âº» HTML µ¥ÀÌÅÍ Å¸ÀÔ  

HTML ¹®¼­ÀÇ °øÅë(global) ±¸Á¶  

¾ð¾îÁ¤º¸¿Í ÅؽºÆ® ¹æÇâ  

Ç¥(table)  

¿¬°á(link)  

¿ÀºêÁ§Æ®(object), À̹ÌÁö¿Í ¾ÖÇ÷¿(applet)µé  

HTML ¹®¼­µé¿¡¼­ ½ºÅ¸ÀϽ¬Æ®(style sheet)  

ÇÁ·¹ÀÓ(frame)  

ÀÔ·Â Æû(form)  

SGML ¼±¾ð  

¾ö°Ý(Strict) DTD  

ÁÖ¼®µé  

ÂüÁ¶µé  

A.1.2 ¼öÁ¤µÈ ¿À·ùµé: ¿ø¹®ÀÇ ÇØ´ç ºÎºÐ(A.1.2) ¿¬°á
A.1.3 ¼öÁ¤µÈ »ç¼ÒÇÑ Ã¶ÀÚ ¿À·ùµé: ¿ø¹®ÀÇ ÇØ´ç ºÎºÐ(A.1.3) ¿¬°á
A.1.4 ¼³¸íµéÀÇ ¼öÁ¤, º¸¿Ï: ¿ø¹®ÀÇ ÇØ´ç ºÎºÐ(A.1.4) ¿¬°á

¼öÁ¤µÈ ¿À·ùµéÀº ÀÌ¹Ì º»¹®¿¡ ¹Ý¿µµÇ¾î ÀÖÀ¸¹Ç·Î ¹ø¿ª ÇÒ Çʿ伺ÀÌ ¾ø¾î ÀÌ ºÎºÐÀÇ ¹ø¿ªÀº »ý·«ÇÑ´Ù.
ÀÌ ºÎºÐÀÇ Á¶È¸¸¦ ÇÊ¿ä·Î ÇÏ´Â °æ¿ì¿¡´Â ¿ø¹®À» ÂüÁ¶Ç϶ó.

A.1.5 ¾Ë·ÁÁø ºÎ¶ó¿ìÀú ¹®Á¦Á¡µé

A.2 1997³â 12¿ù 18ÀÏ°ú 1998³â 4¿ù 24ÀÏ ¹öÀüµé »çÀÌÀÇ º¯°æµé

ÀÌ Ç׸ñÀº HTML 4.0 ±Ô°Ý 1998³â 4¿ù 24ÀÏ ¹öÀüÀÌ 1997³â 12¿ù 18ÀÏ ¹öÀü°ú ¾î¶»°Ô ´Ù¸¥°¡¸¦ ±â¼úÇÑ´Ù.

A.2.1 ¼öÁ¤µÈ ¿À·ùµé: ¿ø¹®ÀÇ ÇØ´ç ºÎºÐ(A.2.1) ¿¬°á
A.2.2 ¼öÁ¤µÈ »ç¼ÒÇÑ Ã¶ÀÚ ¿À·ùµé: ¿ø¹®ÀÇ ÇØ´ç ºÎºÐ(A.2.2) ¿¬°á

¼öÁ¤µÈ ¿À·ùµéÀº ÀÌ¹Ì º»¹®¿¡ ¹Ý¿µµÇ¾î ÀÖÀ¸¹Ç·Î ¹ø¿ª ÇÒ Çʿ伺ÀÌ ¾ø¾î ÀÌ ºÎºÐÀÇ ¹ø¿ªÀº »ý·«ÇÑ´Ù.
ÀÌ ºÎºÐÀÇ Á¶È¸¸¦ ÇÊ¿ä·Î ÇÏ´Â °æ¿ì¿¡´Â ¿ø¹®À» ÂüÁ¶Ç϶ó.

A.3 HTML 3.2 ¿Í HTML 4.0 (1997³â 12¿ù 18ÀÏ) »çÀÌÀÇ º¯°æµé

ÀÌ Ç׸ñÀº HTML 4.0 ±Ô°Ý 1997³â 12¿ù 18ÀÏ ¹öÀüÀÌ HTML 3.2 ( [HTML32]) ±Ô°Ý°ú ¾î¶»°Ô ´Ù¸¥°¡¸¦ ±â¼úÇÑ´Ù.

A.3.1 ¿¤·¹¸àÆ®µé¿¡ ´ëÇÑ º¯°æ

»õ·Î¿î ¿¤·¹¸àÆ®µé 

HTML¿¡¼­ 4.0ÀÇ »õ·Î¿î ¿¤·¹¸àÆ®µéÀº ´ÙÀ½°ú °°´Ù: ABBR, ACRONYM, BDO, BUTTON, COL, COLGROUP, DEL, FIELDSET, FRAME, FRAMESET, IFRAME, INS, LABEL, LEGEND, NOFRAMES, NOSCRIPT, OBJECT, OPTGROUP, PARAM, S (ºÒ·®ÇÑ), SPAN, TBODY, TFOOT, THEAD, Q.

ºÒ·®ÇÑ ¿¤·¹¸àÆ®µé 

´ÙÀ½ ¿¤·¹¸àÆ®µéÀº ºÒ·®ÇÑ °ÍÀÌ´Ù: APPLET, BASEFONT, CENTER, DIR, FONT, ISINDEX, MENU, S, STRIKE, U.

Æó±âµÈ ¿¤·¹¸àÆ®µé 

´ÙÀ½ ¿¤·¹¸àÆ®µéÀº Æó±â(obsolete)µÇ¾ú´Ù: LISTING, PLAINTEXT, XMP. ÀÌµé ¸ðµÎ´Â ±× ´ë½Å PRE ¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿©¾ß ÇÑ´Ù.

A.3.2 ¾ÖÆ®¸®ºäÆ®(attribute)ÀÇ º¯°æ

A.3.3 Á¢¼Ó¼º(accessibility)¿¡ ´ëÇÑ º¯°æ

HTML 4.0ÀÇ Á¢¼Ó¼º Çâ»óÀ» À§ÇÏ¿© ´ÙÀ½À» Æ÷ÇÔÇÏ¿© ¸¹Àº º¯°æµéÀÌ ÀÖ¾ú´Ù.

A.3.4 ¸ÞŸµ¥ÀÌÅÍ(meta data)¿¡ ´ëÇÑ º¯°æ

Á¦ÀÛÀÚ´Â META ¶Ç´Â LINK ¿¤·¹¸àÆ®(element)¿¡ ÀÇÇÏ¿© ÁöÁ¤ µÈ ¸ÞŸ µ¥ÀÌÅÍ¿¡ ´ë ÇÑ ¼³¸íÀ» Á¦°øÇÏ´Â ÇÁ·ÎÈ­ÀÏ(profiles)À» ÁöÁ¤ ÇÒ ¼ö ÀÖ°Ô µÇ¾ú´Ù.

A.3.5 ÅؽºÆ®¿¡ ´ëÇÑ º¯°æ

A.3.6 ¿¬°á(link)¿¡ ´ëÇÑ º¯°æ

A.3.7 Ç¥(table)¿¡ ´ëÇÑ º¯°æ

HTML 4.0 Ç¥(table) ¸ðµ¨Àº HTML+ ÀÇ Ãʱâ ÀÛ¾÷°ú HTML3.0 Ãʾȿ¡¼­ ¹ßÀüÇÏ¿© ¿Ô´Ù. ÀÌÀü ¸ðµ¨Àº Á¤º¸ Á¦°øÀÚµéÀÇ ¿äû¿¡ ºÎÀÀÇÏ¿© ´ÙÀ½°ú °°ÀÌ È®ÀåµÇ¾ú´Ù.

¶ÇÇÑ HTML 4.0 Ç¥ ¸ðµ¨Àº ¼±ÅÃÀû Á¤·Ä Ư¼ºÀ» Ä÷³ ±âÁØ µðÆúÆ®¸¦ ¼³Á¤, º¸´Ù ź·ÂÀûÀ¸·Î Ç¥ÀÇ ÇÁ·¹ÀÓ°ú ÁÙ(rule)À» ÁöÁ¤, ÁöÁ¤ÇÑ ±ÛÀÚ¿¡ µû¶ó Á¤·ÄÇÏ´Â ´É·Â, µîÀÇ ¿äûÀ» ÃæÁ·½ÃÄ×´Ù. ±×·¯³ª, Çâ ÈÄ¿¡´Â Ç¥ÀÇ Ç¥Çö ÀÓ¹«°¡ ½ºÅ¸ÀϽ¬Æ®(style sheet)¿¡ ÀÇÇÏ¿© ÀÌ·ç¾î Áú °ÍÀ¸·Î ¿¹»óµÈ´Ù.

¶ÇÇÑ Netscape¿¡ ³Î¸® »ç¿ë µÈ Ç¥ÀÇ °ú°Å ¹öÀü ºÎÇÕ¼ºÀ» Á¦°øÇÏ´Â °ÍÀÌ Áß¿äÇÑ ¸ñÇ¥°¡ µÇ¾ú´Ù. SGML CALS ¸ðµ¨¿¡ ºÎÇÕÇϴ ǥÀÇ ¼öÀÔ(import)À» °£´ÜÇÏ°Ô ÇÏ´Â °ÍÀÌ ´Ù¸¥ ¸ñÇ¥°¡ µÇ¾ú´Ù. ÃÖÁ¾ ÃʾÈÀº align ¾ÖÆ®¸®ºäÆ®°¡ ´ëºÎºÐÀÇ ³Î¸® »ç¿ëµÇ´Â ºê¶ó¿ìÀúÀÇ ¹öÀü°ú ¸Â°Ô ÇÏ¿´´Ù. dir ¾ÖÆ®¸®ºäÆ®ÀÇ ÀÓ¹«¿¡ ´ë ÇÑ ¼³¸í°ú Àý´ëÀû, »ó´ëÀûÀÎ Ä÷³(column) ³ÊºñµéÀÌ ¼¯¿© ÀÖÀ» ¶§ÀÇ Ãßõ»çÇ×À» ±â¼úÇÏ¿´´Ù.

»õ·Î¿î ¿¤·¹¸àÆ®ÀÎ COLGROUPÀÌ Ä÷³µéÀÇ ¼¼Æ®¸¦ Çϳª ÀÌ»óÀÇ COL ¿¤·¹¸àÆ® ÁöÁ¤À¸·Î, ¼­·Î ´Ù¸¥ ³Êºñ¿Í Á¤·Ä Ư¼ºµé·Î ±¸·ìÈ­ ÇÒ ¼ö ÀÖ°Ô ¼Ò°³µÇ¾ú´Ù. COLGROUPÀÇ Àǹ̴ ÀÌÀü Ãʾȵ鿡¼­ ¼³¸íµÇ¾ú°í, rules="basic"Àº rules="groups"À¸·Î ´ëüµÇ¾ú´Ù.

style ¾ÖÆ®¸®ºäÆ®°¡ ¼¿µé ±¸·ìÀÇ Å׵θ®¿Í ³»ºÎ¿¡ °ü·Ã µÈ Ư¼ºµéÀ» È®ÀåÇÏ´Â ¼ö´ÜÀ¸·Î Æ÷ÇԵǾú´Ù. • ¶óÀÎ ½ºÅ¸ÀÏÀÇ ¿¹: Á¡¼±(dotted), ÀÌÁß¼±(double), µÎ²¨¿î(thick)/°¡´Â(thin) ¼± µî, • ³»ºÎÀÇ »ö»ó(color)/ÆÐÅÏ(pattern) ä¿ò ¿¹: ¼¿ÀÇ ¸¶Áø(margin)°ú ÆùÆ®(font) Á¤º¸. À̵éÀº ½ºÅ¸ÀϽ¬Æ® ±Ô°Ý¿¡¼­ ¼³¸íÇÏ¿´´Ù.

frame°ú rules ¾ÖÆ®¸®ºäÆ®´Â SGML À̸§ÀÌ ¼­·Î Ãæµ¹ÇÏ´Â °ÍÀ» ÇÇÇÏ°í, align°ú valign ¾ÖÆ®¸®ºäÆ®°¡ Ãæµ¹ÇÏÁö ¾Ê°Ô ¼öÁ¤µÇ¾ú´Ù. Çâ ÈÄ ¸¸ÀÏ ÀÌ ±Ô°ÝÀÌ frame°ú rules ¾ÖÆ®¸®ºäÆ®°¡ ´Ù¸¥ Ç¥ÀÇ ¿¤·¹¸àÆ®¿¡ È®ÀåµÇ¸é, ¹ß»ýÇÒ ¼ö ÀÖ´Â ¹®Á¦¸¦ ÇÇÇϱâ À§ ÇÑ ¿ä±¸°¡ ÀÌµé º¯°æÀÇ Ãß°¡ÀûÀÎ µ¿±â°¡ µÇ¾ú´Ù.

A.3.8 À̹ÌÁö(image), ¿ÀºêÁ§Æ®(object), À̹ÌÁö¸Ê(image map)¿¡ ´ëÇÑ º¯°æ

A.3.9 ÀÔ·ÂÆû(form)¿¡ ´ëÇÑ º¯°æ

ÀÌ ±Ô°ÝÀº Æû¿¡ ¿µÇâÀ» ÁÖ´Â ¸î°³ÀÇ »õ·Î¿î ¾ÖÆ®¸®ºäÆ®(attribute)¿Í ¿¤·¹¸àÆ®(element)¸¦ Ãß°¡È÷¿´´Ù.

A.3.10 ½ºÅ¸ÀϽ¬Æ®(style sheet)¿¡ ´ëÇÑ º¯°æ

HTML 4.0´Â ÀåÄ¡¿¡ ¸Â´Â ½ºÅ¸ÀϽ¬Æ®(style sheet)¸¦ ÀÛ¼º ÇÒ ¼ö ÀÖ°Ô, ´õ ¸¹Àº ¸Þµð¾Æ ÁöÁ¤ÀÚ(Media descriptor)µéÀ» Áö¿øÇÑ´Ù.

A.3.11 ÇÁ·¹ÀÓ(framet)¿¡ ´ëÇÑ º¯°æ

HTML 4.0´Â ÇÁ·¹ÀÓ ¹®¼­¿Í ÀζóÀÎ(inline) ÇÁ·¹ÀÓÀ» Áö¿øÇÑ´Ù.

A.3.12 ½ºÅ©¸³ÆÃ(scripting)¿¡ ´ëÇÑ º¯°æ

¸¹Àº ¿¤·¹¸àÆ®µéÀÌ »õ·Î¿î ±â´ÉÀ» ¼öÇàÇÏ´Â event(À̺¥Æ®) ¾ÖÆ®¸®ºäÆ®¸¦ °®´Âµ¥, ÀÌ´Â ½ºÅ©¸³Æ®(script)¿Í °áÇÕ µÉ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¾î, ¹®¼­°¡ ·ÎµåµÇ¸é, ¸¶¿ì½º°¡ Ŭ¸¯µÇ¸é µî, À̺¥Æ®°¡ ¹ß»ýµÇ¸é ½ºÅ©¸³Æ®°¡ ¼öÇàµÈ´Ù.

A.3.13 ±¹Á¦È­ °ü·Ã º¯°æ

HTML 4.0Àº HTMLÀÇ ±¹Á¦È­¸¦ À§ÇÏ¿© [RFC2070] Ãßõ»çÇ×À» ÅëÇÕÇÏ¿´´Ù.

±×·¯³ª, ÀÌ ±Ô°Ý°ú [RFC2070]Àº ´ÙÀ½°ú °°ÀÌ ´Ù¸£´Ù.

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