¸Þ´º ¹Ù·Î°¡±â º»¹® ¹Ù·Î°¡±â
´Ý±â
¾ÆÀÌÄÜ/½Ç½Ã°£ Ä«Åå»ó´ã
ÇØ´ç°úÁ¤ÀÇ Çо÷¼ºÃëµµ°¡ ºÎÁ·Çϰųª ¹Ù¶ó´Â »çÇ×ÀÌ ÀÖÀ» ½Ã °ÇÀÇÇÏ¿© Áֽñ⠹ٶø´Ï´Ù.
ÇØ´ç ±³À°°úÁ¤ (Çʼö)Çʼö
¼º¸í (À͸íÁ¦°¡´É) Çʼö
±³À°À» Âü¿©ÇϽø鼭
°¡Àå ÁÁ¾Ò´ø ºÎºÐ Çʼö
±³À°À» Âü¿©ÇϽø鼭
°¡Àå ¾î·Á¿ü´ø ºÎºÐ Çʼö
Àü¼ÛÇϱâ
´Ý±â
¼­¿ïIT¿¡°Ô ¹Ù¶ó´Â °£°îÇÑ ¸Þ½ÃÁö
ÇØ´ç ±³À°°úÁ¤ (Çʼö) Çʼö
¼º¸í (À͸íÁ¦°¡´É) Çʼö
¿¬¶ôó
³»¿ë Çʼö
°³ÀÎÁ¤º¸¼öÁý µ¿ÀÇ Çʼö ¼­¿ïITÁ÷¾÷Àü¹®Çб³ÀÇ °³ÀÎÁ¤º¸ Ãë±Þ¹æħ¿¡ µ¿ÀÇ ÇÕ´Ï´Ù.
Àü¼ÛÇϱâ
´Ý±â
K-Digital Training
¼­¿ïÁö¿ª ÀÎÀûÀÚ¿ø°³¹ßÀ§¿øȸ ¿ì¼ö±â°ü»ó 2³â¿¬¼Ó ¼ö»ó
Æò°¡µµ±¸ ¿ì¼ö»ç·Ê Àå·Á»ó ¼ö»ó

¼­¿ïIT¾ÆÄ«µ¥¹Ì È«´ë

¿ì¼ö ÈƷñâ°ü
quick menu ±³À°°úÁ¤ ¿Â¶óÀλó´ã ¼ö°­Èıâ Áö½ÄÄܼ­Æ® ¿À½Ã´Â±æ
ÇнÀÀÚ·á½Ç
¸ñ·Ï
¿î¿µÀÚ | Á¶È¸ 446 | 2020.10.21 html5 Á¤ÀÇ?_±¹ºñÁö¿øÀÚ¹ÙÇпø

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Á÷¾÷Àü¹®Çб³



±Û¸ñ·Ï