ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î


À¥Ç¥ÁØ DTD¼±¾ð¹®
13³â Àü
"°¡Àå ÈçÈ÷ »ç¿ëµÇ´Â DOCTYPE ÄÚµå´Â ÀÏ¹Ý Çü½Ä(Transitional)°ú ¾ö°ÝÇÑ Çü½Ä(Strict)À¸·Î ³ª´©¾î Áö°Ô µÈ´Ù.
HTML 4.01 TransitionalÀº ¿¹Àü¿¡ ÀÖ¾ú°Å³ª ¾ø¾îÁø ű׵µ Áö¿øÇϸç,
<font>¿¡ ÁöÁ¤µÈ ½ºÅ¸Àϵµ Á¦´ë·Î Ç¥ÇöÇÏ¿© ÁØ´Ù. HTML 4.01 StrictÀº HTMLÀ» ¾ö°ÝÇÏ°Ô Àû¿ëÇÑ´Ù.
<font> ű׿¡ Àû¿ëµÈ ½ºÅ¸ÀÏ º¸´Ù´Â CSSÆÄÀÏ¿¡¼­ ÁöÁ¤µÈ ½ºÅ¸ÀÏÀ» Áö
ÄÑ Ç¥Çö ÇØ¾ß ÇÑ´Ù. ÀÌ·¯ÇÑ DOCTYPE ¼±¾ð¿¡ Â÷ÀÌ´Â ´ÙÀ½°ú °°´Ù. ¸¸¾à À¥»çÀÌÆ®¿¡
BODY {font-family: Helvetica, sans-serif; font-size: 200%;}¿Í °°Àº ½ºÅ¸ÀÏÀ» ÁöÁ¤ÇÑ ´Ù
À½ ¼­·Î ´Ù¸¥ DOCTYPEÀ» ÁöÁ¤ÇÑ °æ¿ì ¾Æ·¡¿Í °°ÀÌ Ç¥ÇöµÈ´Ù.
DOCTYPEÀ» ±ÔÁ¤ÇÏ´Â °¡Àå ÁÁÀº ¹æ¹ýÀº Strict Çü½ÄÀ» »ç¿ëÇÏ´Â °ÍÀÌ´Ù.
ÀÌ°ÍÀº CSS¸¦ÅëÇØ ¸ðµç HTML ű×ÀÇ ¼Ó¼ºÀ» ¸ðµÎ ÀÚÀ¯ ÀÚÀç·Î ±ÔÁ¤ÇÒ ¼ö Àֱ⠶§¹®ÀÌ´Ù.
Áï, b {fontweight:normal;} ¶ó°í Àû´Â ´Ù¸é ´õ ÀÌ»ó <b>´Â ±½ÀºÃ¼·Î Ç¥½ÃµÇÁö ¾Ê´Â´Ù.
±×·¯³ª, ¾ÆÁ÷ ºê¶ó¿ìÀú ȣȯ¼º ¶§¹®¿¡ <embed>³ª ºñÇ¥ÁØ Å±׸¦ »ç¿ëÇؾßÇÒ ÇÊ¿ä°¡ ÀÖÀ¸¹Ç·Î
ÇöÀç»óÅ¿¡¼­ °¡Àå ÃÖ»óÀÇ ºê¶ó¿ìÀú ȣȯ¼ºÀ» Á¦°øÇØ ÁÖ´Â ¹®¼­ Çü½ÄÀº XHTML 1.0TransitionalÀ» »ç¿ëÇÏ´Â °ÍÀÌ´Ù."


- ½ÇÀüÀ¥Ç¥ÁØ°¡À̵å 40page ¿¡¼­ ¹ßÃé, KIPA, 2005.



À§¿¡ ¼³¸íÀ» ¸ÕÀú Çѹø º¸½Ã¸é ¾Æ·¡ÀÇ ±ÛÀÌ Á»´õ ½¬¿ì½Ç°Ì´Ï´Ù.

ó·³ DOCTYPEÀº ¸» ±×´ë·Î ÇØ´ç ¹®¼­ÀÇ Çü½ÄÀ» ¹Ì¸® ¾Ë·ÁÁÖ´Â ¿ªÈ°À» ÇÕ´Ï´Ù.





1.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



1¹øÀÇ °æ¿ì°¡ ÇöÀç °¡Àå ¹ü¿ëÀûÀ¸·Î ¾²ÀÌ°í ÀÖ´Â ¼±¾ð Çü½ÄÀÔ´Ï´Ù.

¾ð¾î ±Ô°ÝÀ» XHTML 1.0À» µû¸£¸ç ¹®¹ý Çü½ÄÀ» Transitional Çü½ÄÀ¸·Î ÀÛ¼º Çß´Ù´Â

¶æÀÔ´Ï´Ù.  XHTML 1.0 ÀÇ °æ¿ì ÇöÀç ÃֽŠHTML ±Ç°í Ç¥ÁØÀÎ HTML 4.01 ÀÇ Çü½ÄÀ» Æ÷ÇÔ ÇÏ°í ÀÖ½À´Ï´Ù.



2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



ÀÌ°æ¿ì´Â XHTML Çü½ÄÀÇ ÆäÀÌÁö ÀÛ¼ºÀº ÇÏÁö ¾Ê´Â °æ¿ì¿¡ ¾ð¾î ±Ô°ÝÀ» HTML 4.01 Çü½ÄÀ» µû¸£°Ú´Ù´Â ¶æÀÔ´Ï´Ù.

±×¸®°í ¹®¹ý Çü½Ä¿¡ ´ëÇؼ­ loose.dtd¸¦ ÂüÁ¶ Çß½À´Ï´Ù.  (¾Æ¸¶ Transitional º¸´Ù ´õ ´ú¾ö°ÝÇÑ ¹®¹ý Çü½Ä ÀΰɷÎ

¾Ë°í ÀÖ½À´Ï´Ù)



3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ÀÌ°æ¿ì¿¡´Â ¹®¹ý Çü½Ä¿¡ ´ëÇؼ­ »ý·«µÇ¾úÁö¸¸ ÀÛ¼º ¹®¹ý ÂüÁ¶ °æ·Î¿¡ º¸¸é strict·Î

µÇ¾î ÀÖ½À´Ï´Ù.  ¸» ±×´ë·Î STRICT Çü½ÄÀÇ ¹®¹ýÀ» »ç¿ëÇÑ°ÍÀ¸·Î °£ÁÖ ÇÏ°í ÆäÀÌÁö¸¦ ·»´õ¸µ ÇÏ°ÚÁö¿ä.

(±Ùµ¥ ºê¶ó¿ìÀú ¸¶´Ù Ʋ¸±¼öµµ ÀÖ½À´Ï´Ù -..-)



4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

À¥ Ç¥ÁØ ¼±¾ð¿¡ À§¹è´Â ¾Æ´Ñ°ÍÀ¸·Î ¾Ë°í ÀÖ½À´Ï´Ù.  ±Ùµ¥ Á»´õ Á¤È®ÇÏ°Ô ¼±¾ðÇØÁÖ´Â°Ô ÁÁ°ÚÁÒ?

2¹øÀÇ °æ¿ì¿Í À¯»çÇÑ ¼±¾ð ÀÔ´Ï´Ù.



-------------------------------



½ÇÁ¦ °³¹ßÇÒ¶§ 1¹øÀÇ Çü½ÄÀ» °¡Àå ¸¹ÀÌ »ç¿ëÇÕ´Ï´Ù.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
´Ü, xhtml 1.0À¸·Î ¼±¾ð ÇÒ¶§´Â htmlű׿¡ xmlns À̶ó´Â ³×ÀÓ½ºÆäÀ̽º¿¡ À§ÀÇ ¸µÅ©¸¦ ÁöÁ¤ ½ÃÄÑÁÝ´Ï´Ù.





¾Æ·¡´Â HTML ¹öÀüº° Ç¥ÁØ ¹®¼­ ¼±¾ð Çü½ÄÀÔ´Ï´Ù.



1) HTML 2.0 Ç¥ÁØ ¹®¼­ Çü½Ä
<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">


2) HTML 3.2 Ç¥ÁØ ¹®¼­ Çü½Ä

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">


3) HTML 4.01 Ç¥ÁØ ¹®¼­ Çü½Ä
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">




4) XHTML 1.0 Ç¥ÁØ ¹®¼­ Çü½Ä
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">




5) XHTML 1.1 Ç¥ÁØ ¹®¼­ Çü½Ä
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
ÃßõÃßõ : 306 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
65
IIS¿¡¼­ JSP or Java Servlet µ¹¸®´Â ¹æ¹ý 1
64
ÅèĹ(Tomcat)ÀÇ ±â´É °³¿ä ¹× ¼³Ä¡ ¹æ¹ý
63
³»¿ëº¹»ç½Ã Ãâó ÀÚµ¿³Ö±â
62
Flash¿Í PHP¸¦ È°¿ëÇÏ¿© ¸ÖƼ ÆÄÀÏ ¾÷·Îµå ±¸ÇöÇÏ´Â ¹æ¹ý
61
linux ½Ã°£ ¸ÂÃß±â
60
¾ßÈÄ ¼¼°è Áöµµ È°¿ëÇϱâ, ¾ßÈÄ °Å±â Áöµµ ¿ÀÇ API ¸Å½Ã¾÷
59
´ÙÀ½ Áöµµ¸¦ ³» °ÍÀ¸·Î ¸¸µé±â, ´ÙÀ½ Áöµµ API ¸Å½¬¾÷
58
³ª¸¸ÀÇ ³×À̹ö Áöµµ ¸¸µé±â, Áöµµ API ¸Å½¬¾÷(Mashup)
57
ÀÚ¹Ù½ºÅ©¸³Æ®·Î Áöµµ ¸¸µé±â, ±¸±Û Áöµµ API ¸Å½Ã¾÷(Mashup)
56
jQuery ·Î ÅؽºÆ® ÀÔ·Â ¹Ú½º(TextArea)¿¡ Å©±â Á¶Àý ¸·´ë Ãß°¡Çϱâ.
55
Á¢±Ù¼ºÀ» ÇØÄ¡Áö ¾Ê´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÇ »ç¿ë
54
display: [inline, block, none]
53
CSS line-height ¼Ó¼º, vertical-align ¼Ó¼º
52
CSS float ¼Ó¼º, clear ¼Ó¼º, z-index ¼Ó¼º
51
CSS display ¼Ó¼º, position ¼Ó¼º
50
CSS ¸¶Áø(margin) ¼Ó¼º, Æеù(padding) ¼Ó¼º
49
CSS overflow ¼Ó¼º, clip ¼Ó¼º, visibility ¼Ó¼º
48
IE6 ¿¡¼­ CSS¸¸À¸·Î(ÇپȾ²°í) position:fixed Çϱâ
47
IE 7 ¿¡¼­ dt, dd ÁÂÃø¿©¹éÀÌ »ý±â´Â ¹®Á¦
46
CSS visibility vs display
45
ÆÄÀ̾îÆø½º ¿¡¼­ ÇÚµå Ä¿¼­ ¾ÈµÉ¶§. cursor:hand -> cursor:pointer
44
CSS Æ÷Áö¼Å´×(Positioning)
43
CSS¿¡¼­ ºê¶ó¿ìÀú ±¸º° (IE6, IE7, FIREFOX)
42
CSS3 ¼Ò°³
41
Useful CSS Tips For Beginners
40
ÀÚÁÖ ¾²´Â ³»ÀåÇÔ¼ö (VisualBasic6)
39
ºê¶ó¿ìÀú ¹öÀüüũ - IE Conditional Comments ÇÊÅ͸µ
38
ºê¶ó¿ìÀú ¹öÀü(IE7 vs IE6)¿¡ µû¶ó Layer Y ÁÂÇ¥ À§Ä¡ º¯µ¿
37
·¹À̾î Àý´ëÁÂÇ¥/ »ó´ëÁÂÇ¥
À¥Ç¥ÁØ DTD¼±¾ð¹®
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.