DOCTYPEÀ» ²À ¼±¾ðÇØ¾ß ÇÑ´Ù´Â ¼³¸íÀº ¾îµð¿¡µµ ¾ø´õ±º¿ä. ´Ù¸¸, À¥Ç¥ÁØÀ» À§Çؼ´Â ¼±¾ðÇØ ÁÖ´Â °ÍÀÌ ÁÁ´Ù°í ÆǴܵǴµ¥¿ä...
¹®Á¦´Â DOCTYPE¿¡ µû¶ó¼ ű׳ª ÇÁ·¹ÀÓ µîÀÌ ¾È¸Ô±â ¶§¹®ÀÔ´Ï´Ù.
¸ð´Â ű׳ª ÇÁ·¹ÀÓÀ» ¾Ë¾Æ¸Ô°Ô ¼±¾ðÇÒ ¼ö´Â ¾ø´Â °ÍÀÎÁö¿ä?
ÇöÀç µå¸²À§¹ö¿¡¼ ÀÚµ¿À¸·Î µé¾î°¡´Â DOCTYPEÀ» ½è´õ´Ï ½ºÅ©·Ñ¹Ù µû¶ó´Ù´Ï´Â ÇÔ¼ö°¡ ¸ÔÁö¸¦ ¾Ê½À´Ï´Ù.
À̰Ͷ§¹®¿¡ ÇϷ縦 ³¯·È³×¿ä.
°á±¹ »ðÁú³¡¿¡ ¾Ë¾Æ³»¼ DOCTYPEÀ» ¹Ù²ãÁá´õ´Ï(¾Æ¿¹ »èÁ¦ Çصµ µÊ) ÀÛµ¿ÇÕ´Ï´Ù.
±×·¯¸é Ȥ½Ã ¶Ç ´Ù¸¥ ű׳ª ´Ù¸¥ °ÍÀÌ ¾È¸ÔÀ» ¼ö ÀÖÁö ¾Ê°Ú½À´Ï±î?
¾Æ´Ï¸é ±×³É ÀÛµ¿µÇ´Â DOCTYPEÀ» ¼±¾ðÇØ ÁÖ¸é µÇ´Â °ÍÀÎÁö... ¹®¼³»¿¡ ´Ù¸¥ űװ¡ ¶Ç ¾È¸ÔÈ÷¸é ...
³°¨Çϳ׿ä.
¾Æ½Ã´Â ºÐ²² ¼³¸í Á» ºÎŹµå¸³´Ï´Ù.
HTMLÀ̳ª XHTML¿¡ ¹öÀü°ú Á¾·ù°¡ ÀÖ¾î º»ÀÎÀÌ ÇÊ¿ä·Î ÇÏ´Â ¹öÀü°ú Á¾·ù¸¦ ¼±ÅÃÇÒ ¼ö ÀÖ½À´Ï´Ù.
¿äÁò ÁÖ·Î »ç¿ëµÇ´Â ¾ð¾î´Â XHTML 1.1 ¹öÀüÀÎ °Í °°½À´Ï´Ù.
¶Ç HTML 4.01°ú XHTML 1.0¿¡´Â strict, transitional ÇüÀÌ ÀÖ¾î °¢ ¹öÀü Ç¥ÁØ¿¡ µü¸ÂÀº Åױ׸¦ ¾²·Á¸é strict¸¦ »ç¿ëÇÏ°í, ´õ ÀÌ»ó Ç¥ÁØÀÌ ¾Æ´Ñ ű׸¦ °°ÀÌ ¾²·Á¸é transitional·Î ¼±¾ðÇÏ¸é µË´Ï´Ù.
XHTMLÀ» ÀÌ¿ëÇÏ·Á¸é CSS¿Í javascript¸¦ °°ÀÌ ¿¬°èÇØ¾ß ¿øÇÏ´Â °á°ú¸¦ ¾òÀ» ¼ö ÀÖ½À´Ï´Ù.
Maquee ű״ ´õ ÀÌ»ó Ç¥ÁØÀÌ ¾Æ´Õ´Ï´Ù.
±¸±Û·Î °Ë»öÇÑ ÀÌ°÷¿¡ ÀÚ¼¼ÇÑ ¼³¸íÀÌ ÀÖ½À´Ï´Ù.
http://zine.standardmag.org/200802/18
ÀÌ°÷¿¡¼ À¥ Ç¥ÁØÈ °³¹ß¿¡ ´ëÇÑ Á»´õ ÀÚ¼¼ÇÑ Á¤º¸¸¦ ¾òÀ» ¼ö ÀÖ½À´Ï´Ù.
http://forums.mozilla.or.kr/viewtopic.php?f=9&t=572
http://www.mozilla.or.kr/ko/docs/web-developer/standard/
ȨÆäÀÌÁö¸¦ Ç¥ÁØ¿¡ µü ¸ÂÃç¼ °³¹ßÇÏ´Â°Ç ¸¸¸¸ÇÑ ÀÏÀÌ ¾Æ´Õ´Ï´Ù¸¸, ÇÑ ¹ø Ç¥ÁØ¿¡ ¸ÂÃç °³¹ßÇØ º¸¸é ¾ÕÀ¸·Î ¸¹Àº µµ¿òÀÌ µÇ½Ç °Ì´Ï´Ù.
Á¦ ½Ç·ÂÀ¸·Î Ç¥ÁØÀ» ÁöÅ°·Á°í ÇÏ´Â °Í ÀÚü°¡ ¾îºÒ¼º¼³ÀÌ°í¿ä. ´Ù¸¸ ¶°µ¹¾Æ ´Ù´Ï´Â ¼Ò½ºµéÀ» ¸ð¾Æ¼ Àû¿ëÇÏ´Â Áß¿¡ ¿øÇÏ´Â °á°ú¸¦ ³»´Âµ¥¿¡ ÀÖ¾î¼ Ç¥ÁØÀÌ °ü·ÃÀÌ ÀÖ´Â µí Çϱ⠶§¹®ÀÔ´Ï´Ù. °¡±ÞÀû ÁöÄÑÁÖ´Â °ÍÀÌ ÁÁ´Ù°í »ý°¢µË´Ï´Ù.
¹®Á¦´Â transisionalÀ» ¼±¾ðÇßÀ» ¶§¿Í strict¸¦ ¼±¾ðÇßÀ» ¶§, °°Àº ÄÚµù¼Ò½º°¡ °á°ú¸¦ ´Ù¸£°Ô ³»º¸³»´Â °Í¿¡ ÀÖ½À´Ï´Ù. ÀÌ·² °æ¿ì¿¡ ´Ù¸¥ °Í¿¡ ¿µÇâÀÌ ÀÖ´ÂÁö ¾ø´ÂÁö¸¦ ÆÇ´ÜÇϱⰡ ¾î·Æ³×¿ä. ÀÏ´Ü °á°ú¸¦ Á¦´ë·Î ³»º¸³» ÁÖ´Â °ÍÀ¸·Î ¼±¾ðÇßÁö¸¸, ÂóÂóÇؼ ¿©ÂåºÃ½À´Ï´Ù.
ÇÑ°¡Áö°¡ Á¦´ë·Î µÇ¾úÀ» ¶§, ´Ù¸¥ °ÍÀÌ ¹®Á¦°¡ »ý±â¸é µµ´ëü ¹«¾ùÀ¸·Î ¼±¾ðÀ» ÇØÁà¾ß ÇÏ´Â °ÍÀÎÁö... ¹°·Ð ¼Ò½º¸¦ ´Ù½Ã ÄÚµùÇÏ´Â ¹æ¹ýÀÌ ÀÖ°ÚÁö¸¸, ±×°ÍÀº Á¦ ´É·Â ¹ÛÀÇ ÀÏÀÌ´Ï ¾ð±ÞÇÒ ÇÊ¿ä°¡ ¾ø°ÚÁö¿ä.
±×·¡¼ ¾î¶² doctypeÀ» ¾ðÁ¦ ¾²´ÂÁö¿¡ ´ëÇؼ ¾Ë°í ½Í¾ú´ø °ÍÀÌÁö¿ä.
»ì¦ '¿À¹ö'Çؼ ¸»ÇÏ¸é ¸ðµç ÆäÀÌÁö¸¶´Ù ´Ù¸¥ doctypeÀÌ µé¾î°¡°Ô µÇ´Âµ¥¿ä. ÀÌ°ÍÀÌ Ç¥ÁØÀ» ÁöÅ°´Â °ÍÀÎÁö...
¾î·µç ´äº¯ Á¤¸» °í¸¿½À´Ï´Ù.
strict·Î ¼±¾ðÇÏ´Â °æ¿ì Ç¥ÁØÀ» Á¤È®È÷ ÁöÅ°°Ú´Ù°í À¥ ºê¶ó¿ìÀú¿¡°Ô ¼±¾ðÇÏ´Â °ÍÀ̶ó Ç¥ÁØ¿¡¼ Á¶±ÝÀÌ¶óµµ Æ²¸° ű׳ª Ç¥ÇöÀ» ¾²°Ô µÇ¸é ȸ鿡 ¹®Á¦°¡ »ý±â°Ô µÇ¹Ç·Î transitional·Î ¼±¾ðÇؼ »ç¿ëÇÏ½Ã¸é µË´Ï´Ù. À̰͵µ Ç¥ÁØÀ̱ä ÇÏÁö¸¸ Á» ´õ À¯¿¬¼ºÀÌ ÀÖÁÒ.
Ç¥Áؾȿ¡ µû¸¥ Ç¥ÇöÀ» Çß´ÂÁö Á¡°ËÇÏ´Â »çÀÌÆ®¿Í µµ±¸µéÀÌ ÀÖ½À´Ï´Ù. ÀÌ·± °É ÀÌ¿ëÇØ º¸¸é Çϳª¾¿ ¼öÁ¤ÇØ °¥ ¶§¸¶´Ù Äè°¨À» ´À³¥ ¼öµµ ÀÖ´õ±º¿ä.
Á¤ Ç¥ÇöÀÌ ¾ÈµÉ ¶© DOCTYPEÀ» ÀûÁö ¾ÊÀ¸¸é À¥ ºê¶ó¿ìÀú°¡ ¾Ë¾Æ¼ Çؼ®ÇÕ´Ï´Ù.
transitional·Î ÇßÀ»¶§ Àû¿ëÀÌ ¾ÈµÇ´õ¶ó°í¿ä. Ç¥ÁؾÈÀ» Á¡°ËÇÏ´Â µµ±¸¿Í »çÀÌÆ®¸¦ ã¾ÆºÁ¾ß°Ú³×¿ä.
°í¸¿½À´Ï´Ù~
http://validator.w3.org/
µå¸²À§¹ö¸¦ ÀÌ¿ëÇÑ validator
http://naradesign.net/open_content/lecture/DW&CSS/1_3.html