html5 Á¤ÀÇ
À¥ ¹®¼¸¦ Á¦ÀÛÇÏ´Â µ¥ ¾²ÀÌ´Â ±âº» ÇÁ·Î±×·¡¹Ö ¾ð¾î HTML(hypertext markup language)ÀÇ Ãֽű԰ÝÀ¸·Î, À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â µ¥ ÀÖ¾î Áö¹èÀûÀÎ ¿ªÇÒÀ» ÇÏ´Â ¸¶Å©¾÷ ¾ð¾î(markup language)ÀÌ´Ù. º°µµ ¼³Ä¡ ¾øÀÌ À¥ºê¶ó¿ìÀú »ó¿¡¼ ´Ù¾çÇÑ ¸ÖƼ¹Ìµð¾î ÄÜÅÙÃ÷¿Í ¾Û µîÀ» ¹Ù·Î Á¦°øÇÒ ¼ö ÀÖ´Ù.
HTML 5´Â º°µµ ÇÁ·Î±×·¥À» ±òÁö ¾Ê¾Æµµ ÀÎÅÍ³Ý ºê¶ó¿ìÀú»ó¿¡¼ È·ÁÇÑ ±×·¡ÇÈ È¿°ú¸¦ ±¸ÇöÇϸç, À½¾Ç¤ýµ¿¿µ»óÀ» ÀÚÀ¯·Ó°Ô °¨»óÇÒ ¼ö ÀÖ´Â ¸¶Å©¾÷ ¾ð¾î(markup language)ÀÌ´Ù.
2004³âºÎÅÍ HTML 5 Ç¥ÁØÈ ±×·ìÀÎ WHATWG(Web Hypertext Application Technology Working Group)´Â HTML 5¸¦ HTMLÀÇ Â÷±â ÇÙ½É Ç¥ÁØÀ¸·Î ¸¸µé±â À§ÇÑ ¼¼ºÎ ÀÛ¾÷À» ½ÃÀÛÇÏ¿´°í,
2014³â 10¿ù À¥Ç¥ÁØȱⱸ ¿ùµå¿ÍÀ̵åÄÁ¼Ò½Ã¾ö(W3C)Àº HTML 5À» À¥Ç¥ÁØÀ¸·Î ¼±Á¤Çß´Ù.
ÀÌ¿¡ µû¶ó ¾ÖÇäý¸¶ÀÌÅ©·Î¼ÒÇÁÆ®(MS), ±¸±Û, ÆäÀ̽ººÏ µî ±Û·Î¹ú IT ±â¾÷µéÀº HTML 5 ½Ã´ë ÁÖµµ±ÇÀ» Àâ±â À§ÇØ Ä¡¿ÇÑ °æÀï¿¡ µ¹ÀÔÇϱ⵵ Çß´Ù.
HTML5´Â HTML 4.01, XHTML 1.0, DOM ·¹º§ 2 HTML¿¡ ´ëÇÑ Â÷±â Ç¥ÁØ Á¦¾ÈÀÌ´Ù.
ºñµð¿À, ¿Àµð¿À µî ´Ù¾çÇÑ ºÎ°¡±â´É°ú ÃֽŠ¸ÖƼ¹Ìµð¾î ÄÜÅÙÃ÷¸¦ ¾×ƼºêX ¾øÀÌ ºê¶ó¿ìÀú¿¡¼ ½±°Ô º¼ ¼ö ÀÖ°Ô ÇÏ´Â °ÍÀ» ¸ñÀûÀ¸·Î ÇÑ´Ù.
W3C´Â 2014³â 10¿ù 28ÀÏ HTML5 Ç¥ÁؾÈÀ» È®Á¤Çß´Ù°í ¹ßÇ¥Çß´Ù.
ÀÌÈÄ 2016³â 11¿ù 1ÀÏ HTML5ÀÇ ¸¶ÀÌ³Ê ¾÷µ¥ÀÌÆ® ¹öÀüÀÎ HTML5.1 Ç¥ÁؾÈÀ» È®Á¤, 2017³â 12¿ù 14ÀÏ HTML5.2 Ç¥ÁؾÈÀ» È®Á¤Çß´Ù. HTML5.3 Ç¥ÁؾÈÀº ÇöÀç ÀÛ¾÷ ÃÊ¾È ´Ü°è·Î ÁøÇà ÁßÀÌ´Ù.
HTML4¿ÍÀÇ Â÷ÀÌÁ¡
¿ä¼Ò Ãß°¡
±¸Á¶ÀûÀÎ ¿ä¼Ò - ±¸¿ªÀ» ³ª´©´Â ºí·Ï ¿ä¼ÒÀÎ div ¿ä¼Ò¸¦ ´ë½ÅÇÑ´Ù.
header, nav,article, section, aside, footer
¸ÖƼ¹Ìµð¾î ¿ä¼Ò - Ç÷¯±×ÀÎ ¾øÀÌ ¸ÖƼ¹Ìµð¾î¸¦ Àç»ýÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.
audio - ¿Àµð¿À¸¦ Àç»ýÇÑ´Ù.
video - ºñµð¿À¸¦ Àç»ýÇÑ´Ù.
canvas, command, datalist, details, embed, figure, figcaption
¿ä¼Ò ÀÇ¹Ì º¯°æ - em,hr
¹®¼ ¼±¾ð - <!DOCTYPE html>À¸·Î °£¼ÒÈ µÇ¾ú´Ù.(´ë¼Ò¹®ÀÚ ±¸º° ¾ÈÇÔ)
¿ä¼Ò Á¦°Å
ºñ½ÁÇÑ ±â´ÉÀÇ ´Ù¸¥ ű׷Π´ëü °¡´ÉÇÑ Å±׵é - acronym, applet, dir, isindex
µðÀÚÀÎÀûÀÎ ±â´É ÀÌ»óÀÇ Àǹ̰¡ ¾ø¾î »èÁ¦ (CSS·Î ´ëü °¡´ÉÇÑ Å±׵é) - basefont, big, center, font, strike, tt
À¥ Á¢±Ù¼º Çâ»óÀ» À§ÇØ »ç¿ëÀ» Áö¾çÇϴ ű׵é - frame, frameset, noframes
±¹ºñÁö¿ø ÀÚºñÀü¹®Çпø
¼¿ïITÁ÷¾÷Àü¹®Çб³
html5 Á¤ÀÇ
À¥ ¹®¼¸¦ Á¦ÀÛÇÏ´Â µ¥ ¾²ÀÌ´Â ±âº» ÇÁ·Î±×·¡¹Ö ¾ð¾î HTML(hypertext markup language)ÀÇ Ãֽű԰ÝÀ¸·Î, À¥ÆäÀÌÁö¸¦ ±¸¼ºÇÏ´Â µ¥ ÀÖ¾î Áö¹èÀûÀÎ ¿ªÇÒÀ» ÇÏ´Â ¸¶Å©¾÷ ¾ð¾î(markup language)ÀÌ´Ù. º°µµ ¼³Ä¡ ¾øÀÌ À¥ºê¶ó¿ìÀú »ó¿¡¼ ´Ù¾çÇÑ ¸ÖƼ¹Ìµð¾î ÄÜÅÙÃ÷¿Í ¾Û µîÀ» ¹Ù·Î Á¦°øÇÒ ¼ö ÀÖ´Ù.
HTML 5´Â º°µµ ÇÁ·Î±×·¥À» ±òÁö ¾Ê¾Æµµ ÀÎÅÍ³Ý ºê¶ó¿ìÀú»ó¿¡¼ È·ÁÇÑ ±×·¡ÇÈ È¿°ú¸¦ ±¸ÇöÇϸç, À½¾Ç¤ýµ¿¿µ»óÀ» ÀÚÀ¯·Ó°Ô °¨»óÇÒ ¼ö ÀÖ´Â ¸¶Å©¾÷ ¾ð¾î(markup language)ÀÌ´Ù.
2004³âºÎÅÍ HTML 5 Ç¥ÁØÈ ±×·ìÀÎ WHATWG(Web Hypertext Application Technology Working Group)´Â HTML 5¸¦ HTMLÀÇ Â÷±â ÇÙ½É Ç¥ÁØÀ¸·Î ¸¸µé±â À§ÇÑ ¼¼ºÎ ÀÛ¾÷À» ½ÃÀÛÇÏ¿´°í,
2014³â 10¿ù À¥Ç¥ÁØȱⱸ ¿ùµå¿ÍÀ̵åÄÁ¼Ò½Ã¾ö(W3C)Àº HTML 5À» À¥Ç¥ÁØÀ¸·Î ¼±Á¤Çß´Ù.
ÀÌ¿¡ µû¶ó ¾ÖÇäý¸¶ÀÌÅ©·Î¼ÒÇÁÆ®(MS), ±¸±Û, ÆäÀ̽ººÏ µî ±Û·Î¹ú IT ±â¾÷µéÀº HTML 5 ½Ã´ë ÁÖµµ±ÇÀ» Àâ±â À§ÇØ Ä¡¿ÇÑ °æÀï¿¡ µ¹ÀÔÇϱ⵵ Çß´Ù.
HTML5´Â HTML 4.01, XHTML 1.0, DOM ·¹º§ 2 HTML¿¡ ´ëÇÑ Â÷±â Ç¥ÁØ Á¦¾ÈÀÌ´Ù.
ºñµð¿À, ¿Àµð¿À µî ´Ù¾çÇÑ ºÎ°¡±â´É°ú ÃֽŠ¸ÖƼ¹Ìµð¾î ÄÜÅÙÃ÷¸¦ ¾×ƼºêX ¾øÀÌ ºê¶ó¿ìÀú¿¡¼ ½±°Ô º¼ ¼ö ÀÖ°Ô ÇÏ´Â °ÍÀ» ¸ñÀûÀ¸·Î ÇÑ´Ù.
W3C´Â 2014³â 10¿ù 28ÀÏ HTML5 Ç¥ÁؾÈÀ» È®Á¤Çß´Ù°í ¹ßÇ¥Çß´Ù.
ÀÌÈÄ 2016³â 11¿ù 1ÀÏ HTML5ÀÇ ¸¶ÀÌ³Ê ¾÷µ¥ÀÌÆ® ¹öÀüÀÎ HTML5.1 Ç¥ÁؾÈÀ» È®Á¤, 2017³â 12¿ù 14ÀÏ HTML5.2 Ç¥ÁؾÈÀ» È®Á¤Çß´Ù. HTML5.3 Ç¥ÁؾÈÀº ÇöÀç ÀÛ¾÷ ÃÊ¾È ´Ü°è·Î ÁøÇà ÁßÀÌ´Ù.
HTML4¿ÍÀÇ Â÷ÀÌÁ¡
¿ä¼Ò Ãß°¡
±¸Á¶ÀûÀÎ ¿ä¼Ò - ±¸¿ªÀ» ³ª´©´Â ºí·Ï ¿ä¼ÒÀÎ div ¿ä¼Ò¸¦ ´ë½ÅÇÑ´Ù.
header, nav,article, section, aside, footer
¸ÖƼ¹Ìµð¾î ¿ä¼Ò - Ç÷¯±×ÀÎ ¾øÀÌ ¸ÖƼ¹Ìµð¾î¸¦ Àç»ýÇÒ ¼ö ÀÖ°Ô ÇÑ´Ù.
audio - ¿Àµð¿À¸¦ Àç»ýÇÑ´Ù.
video - ºñµð¿À¸¦ Àç»ýÇÑ´Ù.
canvas, command, datalist, details, embed, figure, figcaption
¿ä¼Ò ÀÇ¹Ì º¯°æ - em,hr
¹®¼ ¼±¾ð - <!DOCTYPE html>À¸·Î °£¼ÒÈ µÇ¾ú´Ù.(´ë¼Ò¹®ÀÚ ±¸º° ¾ÈÇÔ)
¿ä¼Ò Á¦°Å
ºñ½ÁÇÑ ±â´ÉÀÇ ´Ù¸¥ ű׷Π´ëü °¡´ÉÇÑ Å±׵é - acronym, applet, dir, isindex
µðÀÚÀÎÀûÀÎ ±â´É ÀÌ»óÀÇ Àǹ̰¡ ¾ø¾î »èÁ¦ (CSS·Î ´ëü °¡´ÉÇÑ Å±׵é) - basefont, big, center, font, strike, tt
À¥ Á¢±Ù¼º Çâ»óÀ» À§ÇØ »ç¿ëÀ» Áö¾çÇϴ ű׵é - frame, frameset, noframes
±¹ºñÁö¿ø ÀÚºñÀü¹®Çпø
¼¿ïITÁ÷¾÷Àü¹®Çб³