 |
|
 |
öÀúÇØ¼³ HTML 5 : ¸¶Å©¾÷ °¡À̵åºÏ
|
|
|
ÇÏŸ³ë ÈÄÅä¹Ì, ¾Èµ¿Çö
¤Ó
ÇÁ¸®·º
¤Ó
ôËî¼ú°àãHTML5«Þ-«¯«¢«Ã«×«¬«¤«É«Ö«Ã«¯
|
|
|
|

- Á¦ÈÞ¸ô ÁÖ¹® ½Ã °í°´º¸»ó, ÀϺΠÀ̺¥Æ® Âü¿© ¹× ÁõÁ¤Ç° ÁõÁ¤, ÇÏ·ç/´çÀÏ ¹è¼Û¿¡¼ Á¦¿ÜµÇ¹Ç·Î Âü°í ¹Ù¶ø´Ï´Ù.
-
-
-
±¹³» HTML5 ºÐ¾ßÀÇ Ã¹ ÇØ¼³¼!
¡ºÃ¶ÀúÇØ¼³ HTML 5¡»Àº HTML5 Ç¥ÁØÈ ÀÛ¾÷ ³»¿ë Áß ÁÖ·Î HTML ¿ä¼Ò ¹× ¼Ó¼º ºÎºÐÀ» ´Ù·é Ã¥ÀÌ´Ù. ¸¶Å©¾÷°ú °ü·ÃÇÑ ÁÖÁ¦¿¡ ÇÑÁ¤ÇÏ¿© ÇØ¼³Çϰí ÀÖ´Â ÀÌ Ã¥Àº HTML5¿¡ »õ·Ó°Ô µµÀÔµÈ ¿ä¼Ò»Ó¸¸ ¾Æ´Ï¶ó HTML5¿¡¼ ±ÔÁ¤µÈ ¸ðµç ¿ä¼Ò¸¦ ÀÚ¼¼ÇÏ°Ô ¼³¸íÇÑ´Ù. ÃÑ 6ÀåÀ¸·Î ±¸¼ºµÇ¾î ÀÖÀ¸¸ç Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ÇâÈÄ ¸ð¹ÙÀÏ À¥ÀÇ Çٽɱâ¼ú·Î ÁÖ¸ñ ¹Þ°í ÀÖ´Â HTML5ÀÇ Åº»ý °úÁ¤°ú ¼³°è ¿øÄ¢ µîÀ» ¾Ë¾Æº¸´Â 1Àå°ú HTML4¿Í HTML5ÀÇ Â÷ÀÌÁ¡°ú HTML5¿¡ »õ·Î µµÀÔµÈ ¿ä¼Ò, º¯°æµÈ ¿ä¼Ò, ¾ø¾îÁø ¿ä¼Ò µîÀ» Àϸñ¿ä¿¬ÇÏ°Ô Á¤¸®Çϰí ÀÖ´Â 2Àå, ¸¶Å©¾÷ ÀÛ¼º ¹æ¹ý°ú ÄÜÅÙÃ÷ ¸ðµ¨¿¡ ´ëÇÑ °³³ä, ¿Ã¹Ù¸¥ ¹®¼ ±¸Á¶¸¦ ±¸ÇöÇϱâ À§ÇÑ ¼½¼Ç°ú ¾Æ¿ô¶óÀο¡ ´ëÇÑ °³³äÀ» ÇØ¼³Çϰí ÀÖ´Â 3Àå ~ 5Àå, ³¡À¸·Î 6Àå¿¡¼´Â °¢Á¾ ¿ä¼Ò¿Í ÄÜÅÙÃ÷ ¼Ó¼º¿¡ ´ëÇØ Á¤ÀÇÇϰí, ±× »ç¿ë¹ýÀ» ¿¹Á¦¸¦ ÅëÇØ ¾Ë±â ½±°Ô ÇØ¼³ÇÑ´Ù.
-
-
±¹³» HTML5 ºÐ¾ßÀÇ Ã¹ ÇØ¼³¼ÀÎ ¡¸HTML5&API ÀÔ¹®¡¹ ÀÌÈÄ ÇÁ¸®·º¿¡¼ ÁغñÇÑ µÎ ¹øÂ° Ã¥ÀÔ´Ï´Ù.
HTML5 »ç¾çÀº ¸ðµç À¥ ±â¼úÀ» Æ÷ÇÔÇϰí ÀÖÀ¸¹Ç·Î Ã¥ ÇÑ ±Ç¿¡ ´Ù ¼Ò°³ÇÒ ¼ö ¾øÀ» Á¤µµ·Î ¹æ´ëÇÕ´Ï´Ù. ÀÌ Ã¥Àº HTML5 »ç¾ç Áß ¸ðµç ¿ä¼Ò¿Í ¼Ó¼ºÀ» ÃѸÁ¶óÇÑ ¸¶Å©¾÷ °¡À̵åºÏÀÔ´Ï´Ù.
1ÀåÀº Â÷¼¼´ë À¥ Ç¥ÁØÀ¸·Î ÇâÈÄ ¸ð¹ÙÀÏ À¥ÀÇ Çٽɱâ¼ú·Î ÁÖ¸ñ ¹Þ°í ÀÖ´Â HTML5ÀÇ Åº»ý °úÁ¤°ú ¼³°è ¿øÄ¢(ȣȯ¼º, ½Ç¿ë¼º, »óÈ£ ¿î¿ë¼º, º¸ÆíÀû Á¢±Ù¼º) µîÀ» ¾Ë¾Æº¸°í, HTML5¿Í °ü·ÃµÈ »ç¾ç Àüü¸¦ °³·«ÀûÀ¸·Î ´Ù·ç°í ÀÖ½À´Ï´Ù.
2ÀåÀº HTML4¿Í HTML5ÀÇ Â÷ÀÌÁ¡°ú HTML5¿¡ »õ·Î µµÀÔµÈ ¿ä¼Ò, º¯°æµÈ ¿ä¼Ò, ¾ø¾îÁø ¿ä¼Ò µîÀ» Àϸñ¿ä¿¬ÇÏ°Ô Á¤¸®ÇÏ¿© ÇØ¼³Çϰí ÀÖ½À´Ï´Ù.
3ÀåºÎÅÍ 5Àå±îÁö´Â ¸¶Å©¾÷ ÀÛ¼º ¹æ¹ý°ú ÄÜÅÙÃ÷ ¸ðµ¨¿¡ ´ëÇÑ °³³ä, ¿Ã¹Ù¸¥ ¹®¼ ±¸Á¶¸¦ ±¸ÇöÇϱâ À§ÇÑ ¼½¼Ç°ú ¾Æ¿ô¶óÀο¡ ´ëÇÑ °³³äÀ» ÇØ¼³Çϰí ÀÖ½À´Ï´Ù.
6ÀåºÎÅÍ´Â º»°ÝÀûÀ¸·Î °¢Á¾ ¿ä¼Ò¿Í ÄÜÅÙÃ÷ ¼Ó¼º¿¡ ´ëÇØ Á¤ÀÇÇϰí, ±× »ç¿ë¹ýÀ» ¿¹Á¦¸¦ ÅëÇØ ¾Ë±â ½±°Ô ÇØ¼³Çϰí ÀÖ½À´Ï´Ù.
»õ·Î¿î ÅÂ±×¿Í ¼Ó¼º, ¿ëµµ°¡ º¯°æµÇ´Â ¿ä¼Ò, ±×¸®°í °è¼ÓµÇ´Â ¿ä¼Ò¸¦ ¾Ë±â ½¬¿î ¿¹Á¦¿Í ÇÔ²² ÇØ¼³Çϰí ÀÖ´Â ÀÌ Ã¥Àº À¥ °³¹ßÀÚ»Ó¸¸ ¾Æ´Ï¶ó ±âȹÀÚ, µðÀÚÀÌ³Ê ¸ðµÎ¿¡°Ô ¸Å¿ì À¯¿ëÇÑ Á¤º¸¸¦ Á¦°øÇÕ´Ï´Ù.
-
-
1Àå HTML5 °³¿ä
1.1 HTML5 ź»ý °úÁ¤
HTMLÀÇ ÇѰè
HTML5ÀÇ Åº»ý
HTML5 Ã¥Á¤ °èȹ
1.2 HTML5 ¼³°è ¿øÄ¢
HTML5 Ã¥Á¤¿¡¼ Áß¿äÇÑ ³× °¡Áö Æ÷ÀÎÆ®
Æ÷ÀÎÆ® 1: ȣȯ¼º
Æ÷ÀÎÆ® 2: ½Ç¿ë¼º
Æ÷ÀÎÆ® 3: »óÈ£ ¿î¿ë¼º
Æ÷ÀÎÆ® 4: º¸ÆíÀû Á¢±Ù¼º
¾îµð±îÁö³ª ¿øÄ¢À̶ó´Â Á¡¿¡ ÁÖÀÇ
1.3 HTML5ÀÇ ÀüüÀûÀÎ ¸ð½À
HTML5 °ü·Ã »ç¾ç
»ç¾ç 1: Web Applications 1.0
»ç¾ç 2: WHATWG HTML
»ç¾ç 3: HTML5
»ç¾ç 4: HTML Device
»ç¾ç 5: HTML5 Microdata
»ç¾ç 6: HTML5 2D Context
»ç¾ç 7: HTML5 Communications
»ç¾ç 8: Web Workers
»ç¾ç 9: Web Storage
»ç¾ç 10: Indexed Database API
»ç¾ç 11: Web SQL Database
»ç¾ç 12: Server-Sent Events
»ç¾ç 13: WebSockets API
»ç¾ç 14: WebSockets Protocol
»ç¾ç 15: Geolocation API
»ç¾ç 16: File API
2Àå HTML4¿Í HTML5ÀÇ Â÷ÀÌ
2.1 °³¿ä
±âÁ¸ ¸¶Å©¾÷°úÀÇ ¼¼ °¡Áö Â÷ÀÌ
2.2 »õ·Ó°Ô µµÀÔµÈ ¿ä¼Ò
»õ ¿ä¼ÒÀÇ °³¿ä
2.3 º¯°æµÈ ¿ä¼Ò
Àǹ̰¡ º¯°æµÇ°Å³ª »õ·Î¿î Àǹ̰¡ ºÎ¿©µÈ ¿ä¼ÒÀÇ °³¿ä
2.4 ¾ø¾îÁø ¿ä...¼Ò
¾ø¾îÁø ÀÌÀ¯
°Ñ¸ð½À¸¸ ³ªÅ¸³»¹Ç·Î CSS·Î ó¸®ÇÒ ¼ö ÀÖ´Â ¿ä¼Ò
ÇÁ·¹ÀÓ °ü·Ã ¿ä¼Ò
°ÅÀÇ »ç¿ëµÇÁö ¾Ê´Â ¿ä¼Ò
2.5 DOCTYPE
°£´ÜÇØÁø DOCTYPE ¼±¾ð
2.6 MathML°ú SVG
HTML ¾È¿¡ Á÷Á¢ ¸¶Å©¾÷ °¡´É
3Àå HTML ÀÛ¼º Áغñ
3.1 HTML5ÀÇ ¿ë¾î
¸¶Å©¾÷ ÀÌÇØ¿¡ Çʿ信 ÇÊ¿äÇÑ ¿ë¾î
3.2 Content-Type
MIME ŸÀÔÀÇ Á߿伺
¼¹ö ÂÊÀÇ ÀûÀýÇÑ ¼³Á¤ÀÌ ÇÊ¿ä
3.3 HTML°ú XHTML
XML ½Ã¸®¾ó¶óÀÌÁ¦À̼ǿ¡¼ ÀϾ´Â ¹®Á¦
3.4 ¹®¼Çü ¼±¾ð
¹®¼Çü ¼±¾ð ¹æ¹ý
¹®¼Çü ¼±¾ðÀÇ ¸ñÀû
3.5 ¹®ÀÚ ÀÎÄÚµù
¹®ÀÚ ÀÎÄÚµù ÁöÁ¤ ¹æ¹ý
XHTML ½Ã¸®¾ó¶óÀÌÁ¦À̼ǿ¡¼ÀÇ ÁÖÀÇÁ¡
Çѱ¹¾î ÀÌ¿ÜÀÇ ¾ð¾î
3.6 ¸¶Å©¾÷ ÀÛ¼º ¹æ¹ý
Áö±Ý±îÁö¿Í °°Àº ¸¶Å©¾÷ ¹æ¹ý
±ÔÄ¢ 1: Á¾·á ÅÂ±× »ý·«
±ÔÄ¢ 2: ºó ¿ä¼Ò
±ÔÄ¢ 3: ¿ä¼ÒÀÇ ¸¶Å©¾÷ ±ÔÄ¢
±ÔÄ¢ 4: ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ ¸¶Å©¾÷
3.7 ±¸¹® °ËÁõ
HTML5 °ËÁõ±â
The W3C Markup Validation Service
Validator.nu
3.8 Internet Explorer ´ëÀÀ
Internet ExplorerÀÇ ¹®Á¦Á¡
¹®Á¦ ÇØ°á ¹æ¹ý
3.9 Firefox 2 ´ëÀÀ
Firefox 2ÀÇ ¹®Á¦Á¡
¹®Á¦ ÇØ°á ¹æ¹ý
3.10 ½ºÅ¸ÀÏ½ÃÆ®
»õ·Î¿î ¿ä¼Ò¸¦ ºí·ÏÀ¸·Î ·»´õ¸µÇÏ´Â ¹æ¹ý
4Àå ÄÜÅÙÃ÷ ¸ðµ¨
4.1 Ä«Å×°í¸®
Ä«Å×°í¸®(Category)ÀÇ ÀǹÌ
Ä«Å×°í¸® 1: ¸ÞŸµ¥ÀÌÅÍ ÄÜÅÙÃ÷
Ä«Å×°í¸® 2: Ç÷ΠÄÜÅÙÃ÷
Ä«Å×°í¸® 3: ¼½¼Å´× ÄÜÅÙÃ÷
Ä«Å×°í¸® 4: Çìµù ÄÜÅÙÃ÷
Ä«Å×°í¸® 5: ÇÁ·¹ÀÌ¡ ÄÜÅÙÃ÷
Ä«Å×°í¸® 6: ÀÓº£µðµå ÄÜÅÙÃ÷
Ä«Å×°í¸® 7: ÀÎÅÍ·¢Æ¼ºê ÄÜÅÙÃ÷
Ä«Å×°í¸® 8: ¼½¼Å´× ·çÆ®
4.2 ÄÜÅÙÃ÷ ¸ðµ¨
ÄÜÅÙÃ÷ ¸ðµ¨ÀÇ ÀǹÌ
ÆÐÅÏ 1: Ä«Å×°í¸®¸¦ Á¦ÇÑ
ÆÐÅÏ 2: ƯÁ¤ ¿ä¼Ò¸¦ Á¦ÇÑ
ÆÐÅÏ 3: ÀÚ½Ä ¿ä¼Ò¸¦ Á¦ÇÑ
ÆÐÅÏ 4: ºó ÄÜÅÙÃ÷
ÆÐÅÏ 5: Æ®·£½ºÆÐ¾î·±Æ®
5Àå ¼½¼Ç°ú ¾Æ¿ô¶óÀÎ
5.1 ¼½¼Ç
¼½¼ÇÀÇ ÀǹÌ
HTML4¿Í XHTML1ÀÇ ´ÜÁ¡
HTML5¿¡¼ ¸í½ÃÀûÀ¸·Î °èÃþÀ» Ç¥½ÃÇÏ´Â ¹æ¹ý
5.2 ¾Æ¿ô¶óÀÎ ¾Ë°í¸®Áò
¾Æ¿ô¶óÀÎ ¾Ë°í¸®ÁòÀÇ ÀǹÌ
¾Æ¿ô¶óÀÎÀÇ ÀǹÌ
Á¦¸ñ ¿ä¼Ò¸¸À¸·Î ¾Æ¿ô¶óÀÎÀ» ÆÇº°ÇÏ´Â ¹æ¹ý
¼½¼Ç ¿ä¼Ò¸¦ »ç¿ëÇÑ ¾Æ¿ô¶óÀÎ ÆÇº° ¹æ¹ý
¼½¼Å´× ·çÆ® ´Ù·ç±â
¾Æ¿ô¶óÀÎÀ» È®ÀÎÇÏ´Â ¹æ¹ý
5.3 »çÀÌÆ® Á¦¸ñ°ú ÆäÀÌÁö Á¦¸ñ
HTML4¿Í XHTML1ÀÇ ¹®Á¦Á¡
HTML5¿¡¼ÀÇ ÇØ°á¹ý
Á¦¸ñ ¿ä¼ÒÀÇ ¼ýÀÚµµ ÀνÄÇØ¾ß ÇÏ´Â ÀÌÀ¯
6Àå ·çÆ® ¿ä¼Ò
6.1 html ¿ä¼Ò(·çÆ® ¿ä¼Ò)
html ¿ä¼ÒÀÇ »ç¿ë¹ý
7Àå ¸ÞŸµ¥ÀÌÅÍ °ü·Ã ¿ä¼Ò
7.1 head ¿ä¼Ò(¹®¼ÀÇ ¸ÞŸµ¥ÀÌÅÍ)
head ¿ä¼ÒÀÇ »ç¿ë¹ý
7.2 title ¿ä¼Ò(¹®¼ÀÇ Á¦¸ñ)
title ¿ä¼ÒÀÇ »ç¿ë¹ý
7.3 base ¿ä¼Ò(±âÁØ URL)
base ¿ä¼ÒÀÇ »ç¿ë¹ý
href ÄÜÅÙÃ÷ ¼Ó¼º
target ÄÜÅÙÃ÷ ¼Ó¼º
7.4 link ¿ä¼Ò(¹®¼ÀÇ °ü·Ã¼º)
link ¿ä¼ÒÀÇ »ç¿ë¹ý
rel ÄÜÅÙÃ÷ ¼Ó¼º
hreflang ÄÜÅÙÃ÷ ¼Ó¼º
media ÄÜÅÙÃ÷ ¼Ó¼º
sizes ÄÜÅÙÃ÷ ¼Ó¼º
7.5 meta ¿ä¼Ò(¹®¼ÀÇ ¸ÞŸµ¥ÀÌÅÍ)
meta ¿ä¼ÒÀÇ »ç¿ë¹ý
name ÄÜÅÙÃ÷ ¼Ó¼º
http-equiv ÄÜÅÙÃ÷ ¼Ó¼º 1: °³¿ä
http-equiv ÄÜÅÙÃ÷ ¼Ó¼º 2: default-style »ç¿ë¹ý
http-equiv ÄÜÅÙÃ÷ ¼Ó¼º 3: refresh »ç¿ë¹ý
charset ÄÜÅÙÃ÷ ¼Ó¼º
7.6 style ¿ä¼Ò(½ºÅ¸ÀÏ Á¤º¸)
style ¿ä¼ÒÀÇ »ç¿ë¹ý
type ÄÜÅÙÃ÷ ¼Ó¼º
media ÄÜÅÙÃ÷ ¼Ó¼º
scoped ÄÜÅÙÃ÷ ¼Ó¼º
8Àå ½ºÅ©¸³ÆÃ °ü·Ã ¿ä¼Ò
8.1 script ¿ä¼Ò(½ºÅ©¸³Æ® »ðÀÔ)
script ¿ä¼ÒÀÇ »ç¿ë¹ý
type ÄÜÅÙÃ÷ ¼Ó¼º
src ÄÜÅÙÃ÷ ¼Ó¼º
charset ÄÜÅÙÃ÷ ¼Ó¼º
async ÄÜÅÙÃ÷ ¼Ó¼º
defer ÄÜÅÙÃ÷ ¼Ó¼º
½ºÅ©¸³Æ® ¼³¸í¹®
8.2 noscript ¿ä¼Ò(½ºÅ©¸³Æ®ÀÇ Æú¹é)
noscript ¿ä¼ÒÀÇ »ç¿ë¹ý
9Àå ¼½¼Ç °ü·Ã ¿ä¼Ò
9.1 body ¿ä¼Ò(¹®¼ÀÇ º»¹®)
body ¿ä¼ÒÀÇ »ç¿ë¹ý
9.2 section ¿ä¼Ò(¼½¼Ç)¡¼»õ ¿ä¼Ò¡½
section ¿ä¼ÒÀÇ »ç¿ë¹ý
À߸øµÈ »ç¿ë¹ý
9.3 nav ¿ä¼Ò(³»ºñ°ÔÀ̼Ç)¡¼»õ ¿ä¼Ò¡½
nav ¿ä¼ÒÀÇ »ç¿ë¹ý
³»ºñ°ÔÀÌ¼Ç ¸µÅ©ÀÇ ¸¶Å©¾÷
nav ¿ä¼ÒÀÇ ¼ö
³»ºñ°ÔÀ̼ÇÀÇ ±×·ìÈ
°Ë»öâ
»çÀÌÆ® ¸Ê
9.4 article ¿ä¼Ò(Æ÷½ºÆ®)¡¼»õ ¿ä¼Ò¡½
article ¿ä¼ÒÀÇ »ç¿ë¹ý
Æ÷½ºÆ® ÀÛ¼ºÀϽø¦ ¸¶Å©¾÷
article ¿ä¼Ò ¾È¿¡ article ¿ä¼Ò¸¦ ³ÖÀ½
ºí·Î±× À̿ܿ¡µµ »ç¿ëµÇ´Â article ¿ä¼Ò
ÆäÀÌÁöÀÇ ¸ÞÀÎ ÄÜÅÙÃ÷´Â ¸ðµÎ article?
9.5 aside ¿ä¼Ò(°ü·ÃÀÌ ÀûÀº ÄÜÅÙÃ÷)¡¼»õ ¿ä¼Ò¡½
aside ¿ä¼ÒÀÇ »ç¿ë¹ý
ÀÌ¿ë Àå¸é 1: ¸ÞÀÎ ÄÜÅÙÃ÷¿Í °ü·Ã ¾ø´Â ÄÜÅÙÃ÷
ÀÌ¿ë Àå¸é 2: ¸ÞÀÎ ÄÜÅÙÃ÷¿Í °ü·Ã ÀÖ´Â ÄÜÅÙÃ÷
ÀÌ¿ë Àå¸é 3: À¥ Á¦ÀÛÀÚÀÇ Àǵµ
9.6 h1~h6 ¿ä¼Ò(Á¦¸ñ)
h1~h6 ¿ä¼ÒÀÇ »ç¿ë¹ý
9.7 hgroup ¿ä¼Ò(Á¦¸ñ ±×·ì)¡¼»õ ¿ä¼Ò¡½
hgroup ¿ä¼ÒÀÇ »ç¿ë¹ý
9.8 header ¿ä¼Ò(Çì´õ)¡¼»õ ¿ä¼Ò¡½
header ¿ä¼ÒÀÇ »ç¿ë¹ý
ÆäÀÌÁö Çì´õ(¸Ó¸®±Û)
¼½¼Ç Çì´õ
9.9 footer ¿ä¼Ò(DzÅÍ)¡¼»õ ¿ä¼Ò¡½
footer ¿ä¼ÒÀÇ »ç¿ë¹ý
ÆäÀÌÁö DzÅÍ(¹Ù´Ú±Û)
¼½¼Ç DzÅÍ
footer ¿ä¼ÒÀÇ ¹èÄ¡ Àå¼Ò
9.10 address ¿ä¼Ò(¿¬¶ôó Á¤º¸)¡¼º¯°æ ¿ä¼Ò¡½
address ¿ä¼ÒÀÇ »ç¿ë¹ý
À߸øµÈ »ç¿ë¹ý
10Àå ±×·ìÈ ¿ä¼Ò
10.1 p ¿ä¼Ò(´Ü¶ô)
p ¿ä¼ÒÀÇ »ç¿ë¹ý
10.2 hr ¿ä¼Ò(ÁÖÁ¦ º¯°æ)¡¼º¯°æ ¿ä¼Ò¡½
hr ¿ä¼ÒÀÇ »ç¿ë¹ý
10.3 br ¿ä¼Ò(ÁÙ ¹Ù²Þ)
br ¿ä¼ÒÀÇ »ç¿ë¹ý
10.4 pre ¿ä¼Ò(Æ÷¸Ë ¿Ï·á ÅØ½ºÆ®)
pre ¿ä¼ÒÀÇ »ç¿ë¹ý
10.5 blockquote ¿ä¼Ò(ºí·Ï Àοë)
blockquote ¿ä¼ÒÀÇ »ç¿ë¹ý
Ãâó Ç¥½Ã
10.6 ol ¿ä¼Ò(¼ø¼ ÀÖ´Â ¸ñ·Ï)
ol ¿ä¼ÒÀÇ »ç¿ë¹ý
start ÄÜÅÙÃ÷ ¼Ó¼º
reversed ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
10.7 ul ¿ä¼Ò(¼ø¼ ¾ø´Â ¸ñ·Ï)
ul ¿ä¼ÒÀÇ »ç¿ë¹ý
10.8 li ¿ä¼Ò(¸ñ·Ï Ç׸ñ)
li ¿ä¼ÒÀÇ »ç¿ë¹ý
value ÄÜÅÙÃ÷ ¼Ó¼º
10.9 dl ¿ä¼Ò(±â¼ú ¸ñ·Ï)
dl ¿ä¼ÒÀÇ »ç¿ë¹ý
¿ë¾î¸¦ Á¤ÀÇÇÒ ¶§ »ç¿ë
10.10 dt ¿ä¼Ò(¿ë¾î)
dt ¿ä¼ÒÀÇ »ç¿ë¹ý
10.11 dd ¿ä¼Ò(¿ë¾î ¼³¸í)
dd ¿ä¼ÒÀÇ »ç¿ë¹ý
10.12 figure ¿ä¼Ò(ĸ¼Ç ÀÖ´Â À̹ÌÁö)¡¼»õ ¿ä¼Ò¡½
figure ¿ä¼ÒÀÇ »ç¿ë¹ý
10.13 figcaption ¿ä¼Ò(À̹ÌÁöÀÇ Ä¸¼Ç)¡¼»õ ¿ä¼Ò¡½
figcaption ¿ä¼ÒÀÇ »ç¿ë¹ý
10.14 div ¿ä¼Ò(ÀϹÝÀûÀÎ ÄÁÅ×À̳Ê)
div ¿ä¼ÒÀÇ »ç¿ë¹ý
11Àå ÅØ½ºÆ® ÀÇ¹Ì ºÎ¿© ¿ä¼Ò
11.1 a ¿ä¼Ò(ÇÏÀÌÆÛ¸µÅ©)
a ¿ä¼ÒÀÇ »ç¿ë¹ý
target ÄÜÅÙÃ÷ ¼Ó¼º
ping ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
rel ÄÜÅÙÃ÷ ¼Ó¼º
hreflang ÄÜÅÙÃ÷ ¼Ó¼º
type ÄÜÅÙÃ÷ ¼Ó¼º
Ç÷¹À̽ºÈ¦´õ(Placeholder)
11.2 em ¿ä¼Ò(°Á¶)
em ¿ä¼ÒÀÇ »ç¿ë¹ý
11.3 strong ¿ä¼Ò(Á߿伺)¡¼º¯°æ ¿ä¼Ò¡½
strong ¿ä¼ÒÀÇ »ç¿ë¹ý
11.4 small ¿ä¼Ò(¼¼¸ñ)¡¼º¯°æ ¿ä¼Ò¡½
small ¿ä¼ÒÀÇ »ç¿ë¹ý
11.5 cite ¿ä¼Ò(Ãâó)
cite ¿ä¼ÒÀÇ »ç¿ë¹ý
Âù¹Ý¾ç·ÐÀÇ cite ¿ä¼Ò
11.6 q ¿ä¼Ò(Àο빮)
q ¿ä¼ÒÀÇ »ç¿ë¹ý
cite ÄÜÅÙÃ÷ ¼Ó¼º
11.7 dfn ¿ä¼Ò(Á¤ÀǾî)
dfn ¿ä¼ÒÀÇ »ç¿ë¹ý
dfn ¿ä¼Ò·Î Ç¥½ÃÇÑ Á¤ÀǾîÀÇ ÇØ¼®
11.8 abbr ¿ä¼Ò(¾à¾î)
abbr ¿ä¼ÒÀÇ »ç¿ë¹ý
ÆóÁöµÈ acronym ¿ä¼Ò
11.9 time ¿ä¼Ò(³¯Â¥¿Í ½Ã°£)¡¼»õ ¿ä¼Ò¡½
time ¿ä¼ÒÀÇ »ç¿ë¹ý
datetime ÄÜÅÙÃ÷ ¼Ó¼º
pubdate ÄÜÅÙÃ÷ ¼Ó¼º
11.10 code ¿ä¼Ò(ÄÚµå)
code ¿ä¼ÒÀÇ »ç¿ë¹ý
11.11 var ¿ä¼Ò(º¯¼ö)
var ¿ä¼ÒÀÇ »ç¿ë¹ý
11.12 samp ¿ä¼Ò(Ãâ·Â)
samp ¿ä¼ÒÀÇ »ç¿ë¹ý
11.13 kbd ¿ä¼Ò(ÀÔ·Â)
kbd ¿ä¼ÒÀÇ »ç¿ë¹ý
samp ¿ä¼Ò ¾È¿¡ kbd ¿ä¼Ò¸¦ »ç¿ëÇÑ °æ¿ì
kbd ¿ä¼Ò ¾È¿¡ samp ¿ä¼Ò¸¦ »ç¿ëÇÑ °æ¿ì
kbd ¿ä¼Ò¸¦ kbd ¿ä¼Ò ¾È¿¡ »ç¿ëÇÑ °æ¿ì
11.14 sub ¿ä¼Ò(¾Æ·¡ ÷ÀÚ)
sub ¿ä¼ÒÀÇ »ç¿ë¹ý
11.15 sup ¿ä¼Ò(À§ ÷ÀÚ)
sup ¿ä¼ÒÀÇ »ç¿ë¹ý
11.16 i ¿ä¼Ò(º¸Åë ÀÌÅŸ¯Ã¼·Î ¾²´Â ÅØ½ºÆ®)¡¼º¯°æ ¿ä¼Ò¡½
i ¿ä¼ÒÀÇ »ç¿ë¹ý
11.17 b ¿ä¼Ò(º¸Åë ±½Àº ±Û¾¾·Î Ç¥½ÃÇÏ´Â ÅØ½ºÆ®)¡¼º¯°æ ¿ä¼Ò¡½
b ¿ä¼ÒÀÇ »ç¿ë¹ý
11.18 mark ¿ä¼Ò(ÇÏÀ̶óÀÌÆ®)¡¼»õ ¿ä¼Ò¡½
mark ¿ä¼ÒÀÇ »ç¿ë¹ý
¼³¸íÀ» À§ÇØ Æ¯Á¤ Ű¿öµå¸¦ °Á¶
ÀοëÇÏ´Â »ç¶÷ÀÌ Àο빮ÀÇ ÀϺθ¦ °Á¶
°Ë»ö °á°úÀÇ °Ë»ö Ű¿öµå¸¦ °Á¶
11.19 ruby ¿ä¼Ò(·çºñ)¡¼»õ ¿ä¼Ò¡½
ruby ¿ä¼ÒÀÇ »ç¿ë¹ý
º¹ÀâÇÑ ·çºñ
11.20 rt ¿ä¼Ò(·çºñÀÇ ÅØ½ºÆ®)¡¼»õ ¿ä¼Ò¡½
rt ¿ä¼ÒÀÇ »ç¿ë¹ý
11.21 rp ¿ä¼Ò(·çºñÀÇ °ýÈ£)¡¼»õ ¿ä¼Ò¡½
rp ¿ä¼ÒÀÇ »ç¿ë¹ý
11.22 bdo ¿ä¼Ò(¹æÇ⼺ ¼½Ä Á¦¾î)
bdo ¿ä¼ÒÀÇ »ç¿ë¹ý
11.23 span ¿ä¼Ò(ÀϹÝÀûÀÎ ÅØ½ºÆ® ¹üÀ§)
span ¿ä¼ÒÀÇ »ç¿ë¹ý
12Àå ¼öÁ¤À» ³ªÅ¸³»´Â ¿ä¼Ò
12.1 ins ¿ä¼Ò(»ðÀÔ ÅØ½ºÆ®)
ins ¿ä¼ÒÀÇ »ç¿ë¹ý
cite ÄÜÅÙÃ÷ ¼Ó¼º
datetime ÄÜÅÙÃ÷ ¼Ó¼º
±³Á¤
¸ñ·Ï ¼öÁ¤
12.2 del ¿ä¼Ò(»èÁ¦ ÅØ½ºÆ®)
del ¿ä¼ÒÀÇ »ç¿ë¹ý
13Àå »ðÀÔ ÄÜÅÙÃ÷ ¿ä¼Ò
13.1 img ¿ä¼Ò(À̹ÌÁö)
img ¿ä¼ÒÀÇ »ç¿ë¹ý
src ÄÜÅÙÃ÷ ¼Ó¼º
usemap ÄÜÅÙÃ÷ ¼Ó¼º
ismap ÄÜÅÙÃ÷ ¼Ó¼º
width ÄÜÅÙÃ÷ ¼Ó¼º°ú height ÄÜÅÙÃ÷ ¼Ó¼º
ÆóÁöµÈ longdesc ÄÜÅÙÃ÷ ¼Ó¼º
src ÄÜÅÙÃ÷ ¼Ó¼º°ú alt ÄÜÅÙÃ÷ ¼Ó¼º
alt ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ ±ÔÁ¤
13.2 iframe ¿ä¼Ò(ÀζóÀÎ ÇÁ·¹ÀÓ)
iframe ¿ä¼ÒÀÇ »ç¿ë¹ý
src ÄÜÅÙÃ÷ ¼Ó¼º
srcdoc ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
name ÄÜÅÙÃ÷ ¼Ó¼º
sandbox ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
seamless ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
width ÄÜÅÙÃ÷ ¼Ó¼º°ú height ÄÜÅÙÃ÷ ¼Ó¼º
13.3 embed ¿ä¼Ò(Ç÷¯±×ÀÎ)
embed ¿ä¼ÒÀÇ »ç¿ë¹ý
13.4 object ¿ä¼Ò
object ¿ä¼ÒÀÇ »ç¿ë¹ý
data ÄÜÅÙÃ÷ ¼Ó¼º°ú type ÄÜÅÙÃ÷ ¼Ó¼º
name ÄÜÅÙÃ÷ ¼Ó¼º
usemap ÄÜÅÙÃ÷ ¼Ó¼º
form ÄÜÅÙÃ÷ ¼Ó¼º
width ÄÜÅÙÃ÷ ¼Ó¼º°ú height ÄÜÅÙÃ÷ ¼Ó¼º
13.5 param ¿ä¼Ò(Ç÷¯±×ÀÎÀÇ ÃÊ±â ÆÄ¶ó¹ÌÅÍ)
param ¿ä¼ÒÀÇ »ç¿ë¹ý
13.6 video ¿ä¼Ò(µ¿¿µ»ó)¡¼»õ ¿ä¼Ò¡½
video ¿ä¼ÒÀÇ »ç¿ë¹ý
video ¿ä¼ÒÀÇ °£´ÜÇÑ »ç¿ë ¹æ¹ý
ÀÚµ¿ Àç»ý
¿ÀÅä ¹öÆÛ(Auto Buffer)
Æ÷½ºÅÍ ÇÁ·¹ÀÓ
¹Ýº¹ Àç»ý
µ¿¿µ»ó Å©±â
µ¿¿µ»óÀÇ Á¾·ù
ºê¶ó¿ìÀú°¡ Áö¿øÇÏ´Â µ¿¿µ»ó Çü½Ä
source ¿ä¼Ò·Î µÑ ÀÌ»óÀÇ µ¿¿µ»ó Çü½ÄÀ» Áö¿ø
½ºÅ©¸³Æ®·Î µ¿¿µ»ó Á¶ÀÛ
13.7 audio ¿ä¼Ò(¿Àµð¿À)¡¼»õ ¿ä¼Ò¡½
audio ¿ä¼ÒÀÇ »ç¿ë¹ý
audio ¿ä¼ÒÀÇ °£´ÜÇÑ »ç¿ë ¹æ¹ý
ºê¶ó¿ìÀú°¡ Áö¿øÇÏ´Â ¿Àµð¿À Çü½Ä
13.8 source ¿ä¼Ò(¹Ìµð¾î ¼Ò½º)¡¼»õ ¿ä¼Ò¡½
source ¿ä¼ÒÀÇ »ç¿ë¹ý
type ÄÜÅÙÃ÷ ¼Ó¼º
media ÄÜÅÙÃ÷ ¼Ó¼º
13.9 canvas ¿ä¼Ò(µ¿Àû ±×·¡ÇÈ)¡¼»õ ¿ä¼Ò¡½
canvas ¿ä¼ÒÀÇ »ç¿ë¹ý
canvasÀÇ Å©±â
Æú¹é(Fallback)
½ºÅ©¸³Æ®·Î canvas¿¡ ±×¸®±â
13.10 map ¿ä¼Ò(À̹ÌÁö ¸Ê)
map ¿ä¼ÒÀÇ »ç¿ë¹ý
13.11 area ¿ä¼Ò(À̹ÌÁö ¸ÊÀÇ ÇÏÀÌÆÛ¸µÅ©)
area ¿ä¼ÒÀÇ »ç¿ë¹ý
href ÄÜÅÙÃ÷ ¼Ó¼º
alt ÄÜÅÙÃ÷ ¼Ó¼º
¸ð¾ç Á¤ÀÇ
14Àå Å×ÀÌºí °ü·Ã ¿ä¼Ò
14.1 table ¿ä¼Ò(Å×À̺í)
table ¿ä¼ÒÀÇ »ç¿ë¹ý
·¹À̾ƿôÀ» ¸ñÀûÀ¸·Î Å×À̺íÀ» »ç¿ëÇÏ´Â °ÍÀº ºñÇ¥ÁØ
Å×À̺íÀÇ ¼³¸í Á¤º¸
Å×À̺íÀÇ °³³ä
tbody ¿ä¼Ò´Â ¿ø·¡ Çʼö
14.2 caption ¿ä¼Ò(Å×À̺í Á¦¸ñÀ̳ª ¼³¸í)
caption ¿ä¼ÒÀÇ »ç¿ë¹ý
14.3 colgroup ¿ä¼Ò(Å×À̺íÀÇ ¿ ±×·ì)
colgroup ¿ä¼ÒÀÇ »ç¿ë¹ý
14.4 col ¿ä¼Ò(Å×À̺íÀÇ ¿)
col ¿ä¼ÒÀÇ »ç¿ë¹ý
14.5 tbody ¿ä¼Ò(Å×À̺íÀÇ Çà ±×·ì)
tbody ¿ä¼ÒÀÇ »ç¿ë¹ý
14.6 thead ¿ä¼Ò(Å×À̺íÀÇ Çì´õ Çà ±×·ì)
thead ¿ä¼ÒÀÇ »ç¿ë¹ý
14.7 tfoot ¿ä¼Ò(Å×À̺íÀÇ Ç²ÅÍ Çà ±×·ì)
tfoot ¿ä¼ÒÀÇ »ç¿ë¹ý
14.8 tr ¿ä¼Ò(Å×À̺íÀÇ Çà)
tr ¿ä¼ÒÀÇ »ç¿ë¹ý
14.9 td ¿ä¼Ò(Å×À̺íÀÇ ¼¿)
td ¿ä¼ÒÀÇ »ç¿ë¹ý
colspan ÄÜÅÙÃ÷ ¼Ó¼º°ú rowspan ÄÜÅÙÃ÷ ¼Ó¼º
headers ÄÜÅÙÃ÷ ¼Ó¼º
14.10 th ¿ä¼Ò(Å×À̺íÀÇ Çì´õ ¼¿)
th ¿ä¼ÒÀÇ »ç¿ë¹ý
scope ÄÜÅÙÃ÷ ¼Ó¼º
row Ű¿öµå¿Í col Ű¿öµå
rowgroup Ű¿öµå
colgroup Ű¿öµå
15Àå Æû °ü·Ã ¿ä¼Ò
15.1 form ¿ä¼Ò(¼¹ÌÆ® Æû)
form ¿ä¼ÒÀÇ »ç¿ë¹ý
accept-charset ÄÜÅÙÃ÷ ¼Ó¼º
action ÄÜÅÙÃ÷ ¼Ó¼º
autocomplete ÄÜÅÙÃ÷ ¼Ó¼º
enctype ÄÜÅÙÃ÷ ¼Ó¼º
method ÄÜÅÙÃ÷ ¼Ó¼º
name ÄÜÅÙÃ÷ ¼Ó¼º
novalidate ÄÜÅÙÃ÷ ¼Ó¼º
target ÄÜÅÙÃ÷ ¼Ó¼º
15.2 fieldset ¿ä¼Ò(Æû ÄÁÆ®·Ñ ±×·ì)
fieldset ¿ä¼ÒÀÇ »ç¿ë¹ý
disabled ÄÜÅÙÃ÷ ¼Ó¼º
form ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
name ÄÜÅÙÃ÷ ¼Ó¼º
15.3 legend ¿ä¼Ò(Á¦¸ñ°ú ¼³¸í)
legend ¿ä¼ÒÀÇ »ç¿ë¹ý
15.4 label ¿ä¼Ò(Æû ÄÁÆ®·ÑÀÇ Ä¸¼Ç)
label ¿ä¼ÒÀÇ »ç¿ë¹ý
for ÄÜÅÙÃ÷ ¼Ó¼º
form ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
15.5 input ¿ä¼Ò(Æû ÄÁÆ®·Ñ)
input ¿ä¼ÒÀÇ »ç¿ë¹ý
type ÄÜÅÙÃ÷ ¼Ó¼º
hidden
text
search¡¼»õ ŸÀÔ¡½
tel¡¼»õ ŸÀÔ¡½
url¡¼»õ ŸÀÔ¡½
email¡¼»õ ŸÀÔ¡½
password
datetime¡¼»õ ŸÀÔ¡½
date¡¼»õ ŸÀÔ¡½
month¡¼»õ ŸÀÔ¡½
week¡¼»õ ŸÀÔ¡½
time¡¼»õ ŸÀÔ¡½
datetime-local¡¼»õ ŸÀÔ¡½
number¡¼»õ ŸÀÔ¡½
range¡¼»õ ŸÀÔ¡½
color¡¼»õ ŸÀÔ¡½
checkbox
radio
file
submit
image
reset
button
°øÅë ÄÜÅÙÃ÷ ¼Ó¼º
autocomplete ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
list ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
readonly ÄÜÅÙÃ÷ ¼Ó¼º
size ÄÜÅÙÃ÷ ¼Ó¼º
required ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
multiple ÄÜÅÙÃ÷ ¼Ó¼º
maxlength ÄÜÅÙÃ÷ ¼Ó¼º
pattern ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
min ÄÜÅÙÃ÷ ¼Ó¼º°ú max ÄÜÅÙÃ÷ ¼Ó¼º
step ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
placeholder ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
autofocus ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
disabled ÄÜÅÙÃ÷ ¼Ó¼º
form ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
name ÄÜÅÙÃ÷ ¼Ó¼º
value ÄÜÅÙÃ÷ ¼Ó¼º
15.6 button ¿ä¼Ò(¹öư)
button ¿ä¼ÒÀÇ »ç¿ë¹ý
15.7 select ¿ä¼Ò(¼±Åà Æû ÄÁÆ®·Ñ)
select ¿ä¼ÒÀÇ »ç¿ë¹ý
size ÄÜÅÙÃ÷ ¼Ó¼º
multiple ÄÜÅÙÃ÷ ¼Ó¼º
15.8 datalist ¿ä¼Ò(ÀÔ·Â Èĺ¸ ¼±ÅÃÁö)¡¼»õ ¿ä¼Ò¡½
datalist ¿ä¼ÒÀÇ »ç¿ë¹ý
15.9 optgroup ¿ä¼Ò(¼±Åà ±×·ì)
optgroup ¿ä¼ÒÀÇ »ç¿ë¹ý
15.10 option ¿ä¼Ò(¼±ÅÃ)
option ¿ä¼ÒÀÇ »ç¿ë¹ý
value ÄÜÅÙÃ÷ ¼Ó¼º
label ÄÜÅÙÃ÷ ¼Ó¼º
selected ÄÜÅÙÃ÷ ¼Ó¼º
disabled ÄÜÅÙÃ÷ ¼Ó¼º
15.11 textarea ¿ä¼Ò(ÅØ½ºÆ® ÀÔ·Â ¿µ¿ª)
textarea ¿ä¼ÒÀÇ »ç¿ë¹ý
cols ÄÜÅÙÃ÷ ¼Ó¼º°ú rows ÄÜÅÙÃ÷ ¼Ó¼º
maxlength ÄÜÅÙÃ÷ ¼Ó¼º
placeholder ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
readonly ÄÜÅÙÃ÷ ¼Ó¼º
required ÄÜÅÙÃ÷ ¼Ó¼º¡¼»õ ¼Ó¼º¡½
wrap ÄÜÅÙÃ÷ ¼Ó¼º
15.12 keygen ¿ä¼Ò(Ű½Ö »ý¼º)¡¼»õ ¿ä¼Ò¡½
keygen ¿ä¼ÒÀÇ »ç¿ë¹ý
15.13 output ¿ä¼Ò(Æû °è»ê °á°ú)¡¼»õ ¿ä¼Ò¡½
output ¿ä¼ÒÀÇ »ç¿ë¹ý
15.14 progress ¿ä¼Ò(ÁøÇà »óȲ)¡¼»õ ¿ä¼Ò¡½
progress ¿ä¼ÒÀÇ »ç¿ë¹ý
15.15 meter ¿ä¼Ò(°ÔÀÌÁö)¡¼»õ ¿ä¼Ò¡½
meter ¿ä¼ÒÀÇ »ç¿ë¹ý
16Àå »óÈ£ÀÛ¿ë ¿ä¼Ò
16.1 details ¿ä¼Ò(¿äû »ó¼¼ Á¤º¸)¡¼»õ ¿ä¼Ò¡½
details ¿ä¼ÒÀÇ »ç¿ë¹ý
16.2 summary ¿ä¼Ò(¿äû »ó¼¼ Á¤º¸ ¿ä¾à)¡¼»õ ¿ä¼Ò¡½
summary ¿ä¼ÒÀÇ »ç¿ë¹ý
16.3 command ¿ä¼Ò(¸í·É)¡¼»õ ¿ä¼Ò¡½
command ¿ä¼ÒÀÇ »ç¿ë¹ý
type ÄÜÅÙÃ÷ ¼Ó¼º
label ÄÜÅÙÃ÷ ¼Ó¼º
icon ÄÜÅÙÃ÷ ¼Ó¼º
disabled ÄÜÅÙÃ÷ ¼Ó¼º
checked ÄÜÅÙÃ÷ ¼Ó¼º
radiogroup ÄÜÅÙÃ÷ ¼Ó¼º
16.4 menu ¿ä¼Ò(¸í·É ¸ñ·Ï)¡¼º¯°æ ¿ä¼Ò¡½
menu ¿ä¼ÒÀÇ »ç¿ë¹ý
µµ±¸ ¸ðÀ½
ÄÜÅØ½ºÆ® ¸Þ´º
¸í·É ¸ñ·Ï ¸Þ´º
17Àå Àü¿ª ¼Ó¼º
17.1 Àü¿ª ¼Ó¼ºÀ̶õ?
HTML5ÀÇ Àü¿ª ¼Ó¼º
±âŸ Àü¿ª ¼Ó¼º
17.2 accesskey ÄÜÅÙÃ÷ ¼Ó¼º(´ÜÃàŰ)
accesskey ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
¿©·¯ °³ÀÇ Å°¸¦ ÇÒ´ç
17.3 class ÄÜÅÙÃ÷ ¼Ó¼º(Ŭ·¡½º)
class ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.4 contenteditable ÄÜÅÙÃ÷ ¼Ó¼º(ÆíÁý °¡´É)¡¼»õ ¼Ó¼º¡½
contenteditable ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
Internet ExplorerÀÇ ¸®¹ö½º ¿£Áö´Ï¾î¸µÀ» ÅëÇØ ±ÔÁ¤ÇÑ contenteditable
17.5 contextmenu ÄÜÅÙÃ÷ ¼Ó¼º(ÄÜÅØ½ºÆ® ¸Þ´º)¡¼»õ ¼Ó¼º¡½
contextmenu ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.6 dir ÄÜÅÙÃ÷ ¼Ó¼º(ÅØ½ºÆ® ¹æÇâ)
dir ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.7 draggable ÄÜÅÙÃ÷ ¼Ó¼º(µå·¡±× °¡´É)¡¼»õ ¼Ó¼º¡½
draggable ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.8 hidden ÄÜÅÙÃ÷ ¼Ó¼º(°ü°è ¾øÀ½, ÀÇ¹Ì ¾øÀ½À» ³ªÅ¸³¿)¡¼»õ ¼Ó¼º¡½
hidden ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.9 id ÄÜÅÙÃ÷ ¼Ó¼º(¿ä¼Ò ½Äº°ÀÚ)
id ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.10 lang ÄÜÅÙÃ÷ ¼Ó¼º(¾ð¾î)
lang ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
lang ÄÜÅÙÃ÷ ¼Ó¼ºÀÌ ÁöÁ¤µÇÁö ¾ÊÀº ¿ä¼Ò´Â ¹«½¼ ¾ð¾îÀΰ¡?
17.11 spellcheck ÄÜÅÙÃ÷ ¼Ó¼º(¹®¹ý °Ë»ç)¡¼»õ ¼Ó¼º¡½
spellcheck ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.12 style ÄÜÅÙÃ÷ ¼Ó¼º(½ºÅ¸ÀÏ½ÃÆ®)
style ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.13 tabindex ÄÜÅÙÃ÷ ¼Ó¼º(ÅÇ À妽º)
tabindex ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
À½ÀÇ Á¤¼ö¸¦ ÁöÁ¤ÇßÀ» ¶§
0À» ÁöÁ¤ÇßÀ» ¶§
17.14 title ÄÜÅÙÃ÷ ¼Ó¼º(Á¦¸ñ)
title ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.15 data-* ÄÜÅÙÃ÷ ¼Ó¼º(»ç¿ëÀÚ Á¤ÀÇ µ¥ÀÌÅÍ)¡¼»õ ¼Ó¼º¡½
data-* ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ »ç¿ë¹ý
17.16 role ÄÜÅÙÃ÷ ¼Ó¼º/aria-* ÄÜÅÙÃ÷ ¼Ó¼º(Áö¿ø ±â¼úÀ» À§ÇÑ ÁÖ¼®)¡¼»õ ¼Ó¼º¡½
role ÄÜÅÙÃ÷ ¼Ó¼º°ú aria-* ÄÜÅÙÃ÷ ¼Ó¼ºÀÇ ¿ªÇÒ
17.17 ¸¶ÀÌÅ©·Îµ¥ÀÌÅÍ¡¼»õ ¼Ó¼º¡½
¸¶ÀÌÅ©·Îµ¥ÀÌÅÍÀÇ °³¿ä
¸¶ÀÌÅ©·Îµ¥ÀÌÅÍÀÇ »ç¿ë¹ý
itemref ¼Ó¼º
¾îÈÖ
18Àå ¸µÅ© ¸±·¹À̼Ç
18.1 ¸µÅ© ¸±·¹À̼ÇÀ̶õ?
¸µÅ© ¸±·¹À̼ÇÀÇ ÀǹÌ
¸µÅ© ¸±·¹À̼ÇÀÇ Ã¥Á¤ ÀÌÀ¯
¸µÅ© ¸±·¹À̼ÇÀÇ Å°¿öµå¿Í ÀǹÌ
¸µÅ©ÀÇ Á¾·ù
18.2 alternate
alternate »ç¿ë¹ý
18.3 archives¡¼»õ Ű¿öµå¡½
archives »ç¿ë¹ý
18.4 author¡¼»õ Ű¿öµå¡½
author »ç¿ë¹ý
18.5 bookmark
bookmark »ç¿ë¹ý
18.6 external¡¼»õ Ű¿öµå¡½
external »ç¿ë¹ý
18.7 first
first »ç¿ë¹ý
18.8 help
help »ç¿ë¹ý
18.9 icon¡¼»õ Ű¿öµå¡½
icon »ç¿ë¹ý
18.10 index
index »ç¿ë¹ý
18.11 last
last »ç¿ë¹ý
18.12 license¡¼»õ Ű¿öµå¡½
license »ç¿ë¹ý
18.13 next
next »ç¿ë¹ý
18.14 nofollow¡¼»õ Ű¿öµå¡½
nofollow »ç¿ë¹ý
18.15 noreferrer¡¼»õ Ű¿öµå¡½
noreferrer »ç¿ë¹ý
18.16 pingback¡¼»õ Ű¿öµå¡½
pingback »ç¿ë¹ý
18.17 prefetch¡¼»õ Ű¿öµå¡½
prefetch »ç¿ë¹ý
18.18 prev
prev »ç¿ë¹ý
18.19 search¡¼»õ Ű¿öµå¡½
search »ç¿ë¹ý
18.20 stylesheet
stylesheet »ç¿ë¹ý
´ëü ½ºÅ¸ÀÏ½ÃÆ®
18.21 sidebar¡¼»õ Ű¿öµå¡½
sidebar »ç¿ë¹ý
18.22 tag¡¼»õ Ű¿öµå¡½
tag »ç¿ë¹ý
18.23 up¡¼»õ Ű¿öµå¡½
up »ç¿ë¹ý
-
-
 |
ÇÏŸ³ë ÈÄÅä¹Ì [Àú]
|
 |
-
À¯ÇÑ È¸»ç futomi(http://www.futomi.com) ´ëÇ¥ÀÌ»ç
2007³âºÎÅÍ http://www.HTML5.jp °³¼³ ¿î¿µ
[JavaScript, Ajax, DOM¿¡ ÀÇÇÑ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ½´ÆÛ »ùÇÃ](¼ÒÇÁÆ®¹ðÅ© Å©¸®¿¡ÀÌÆ¼ºê) [Ç¥ÁØ DOM ½ºÅ©¸³ÆÃ JavaScript+DOM¿¡ ÀÇÇÑ À¥ ¾ÖÇø®ÄÉÀÌ¼Ç µðÀÚÀÎÀÇ ±âÃÊ](¼ÒÇÁÆ®¹ðÅ© Å©¸®¿¡ÀÌÆ¼ºê) [Ajax À¥ ¾ÖÇø®ÄÉÀÌ¼Ç ¾ÆÀ̵ð¾î ºÏ](½´¿Í ½Ã½ºÅÛ) [Perl/CGI ÀåÀÎ ±âÁú](¼ÒÇÁÆ®¹ðÅ© Å©¸®¿¡ÀÌÆ¼ºê) µî
-
 |
¾Èµ¿Çö [Àú]
|
 |
-
¿¬¼¼´ëÇб³ ½É¸®Çаú¸¦ Á¹¾÷Çϰí À¥ °³¹ß ÇÁ¸®·£¼¸¦ °ÅÃÄ IT Àü¹® ÃâÆÇ»ç¿¡¼ ±âȹ°ú ÆíÁý ¾÷¹«¸¦ ´ã´çÇß´Ù. ¹ø¿ª¼·Î´Â ¡ºÇÁ·Î±×·¡¸Ó, ¼öÇÐÀ¸·Î »ý°¢Ç϶ó¡», ¡ºÃ³À½ ¸¸³ª´Â ¸Ó½Å·¯´×°ú µö·¯´×¡», ¡ºHTML5 & API ÀÔ¹®¡», ¡ºµ¥ÀÌÅÍ ÇØ¼® ÀÔ¹®¡», ¡º°Ç°ÇÑ ÇÁ·Î±×·¡¸Ó¡»(ÀÌ»ó ÇÁ¸®·º) µîÀÌ ÀÖ´Ù.
-
-
Àüü 0°³ÀÇ ±¸¸ÅÈıⰡ ÀÖ½À´Ï´Ù.

 |
ÀÎÅÍÆÄÅ©µµ¼´Â °í°´´ÔÀÇ ´Ü¼ø º¯½É¿¡ ÀÇÇÑ ±³È¯°ú ¹Ýǰ¿¡ µå´Â ºñ¿ëÀº °í°´´ÔÀÌ ÁöºÒÄÉ µË´Ï´Ù.
´Ü, »óǰÀ̳ª ¼ºñ½º ÀÚüÀÇ ÇÏÀÚ·Î ÀÎÇÑ ±³È¯ ¹× ¹ÝǰÀº ¹«·á·Î ¹Ýǰ µË´Ï´Ù. |
|
±³È¯ ¹× ¹ÝǰÀÌ °¡´ÉÇÑ °æ¿ì |
»óǰÀ» °ø±Þ ¹ÞÀº ³¯·ÎºÎÅÍ 7ÀÏÀ̳» °¡´É
°ø±Þ¹ÞÀ¸½Å »óǰÀÇ ³»¿ëÀÌ Ç¥½Ã, ±¤°í ³»¿ë°ú ´Ù¸£°Å³ª ´Ù¸£°Ô ÀÌÇàµÈ °æ¿ì¿¡´Â °ø±Þ¹ÞÀº ³¯·ÎºÎÅÍ 3°³¿ù À̳», ȤÀº ±×»ç½ÇÀ» ¾Ë°Ô µÈ ³¯ ¶Ç´Â ¾Ë ¼ö ÀÖ¾ú´ø ³¯·ÎºÎÅÍ 30ÀÏ À̳»
»óǰ¿¡ ¾Æ¹«·± ÇÏÀÚ°¡ ¾ø´Â °æ¿ì ¼ÒºñÀÚÀÇ °í°´º¯½É¿¡ ÀÇÇÑ ±³È¯Àº »óǰÀÇ Æ÷Àå»óÅ µîÀÌ ÀüÇô ¼Õ»óµÇÁö ¾ÊÀº °æ¿ì¿¡ ÇÑÇÏ¿© °¡´É |
|
±³È¯ ¹× ¹ÝǰÀÌ ºÒ°¡´ÉÇÑ °æ¿ì |
±¸¸ÅÈ®Á¤ ÀÌÈÄ(¿ÀǸ¶ÄÏ»óǰ¿¡ ÇÑÇÔ)
°í°´´ÔÀÇ Ã¥ÀÓ ÀÖ´Â »çÀ¯·Î »óǰ µîÀÌ ¸ê½Ç ¶Ç´Â ÈÑ¼ÕµÈ °æ¿ì
(´Ü, »óǰÀÇ ³»¿ëÀ» È®ÀÎÇϱâ À§ÇÏ¿© Æ÷Àå µîÀ» ÈѼÕÇÑ °æ¿ì´Â Á¦¿Ü)
½Ã°£ÀÌ Áö³²¿¡ µû¶ó ÀçÆÇ¸Å°¡ °ï¶õÇÒ Á¤µµ·Î ¹°Ç°ÀÇ °¡Ä¡°¡ ¶³¾îÁø °æ¿ì
Æ÷Àå °³ºÀµÇ¾î »óǰ °¡Ä¡°¡ ÈÑ¼ÕµÈ °æ¿ì |
|
´Ù¹è¼ÛÁöÀÇ °æ¿ì ¹Ýǰ ȯºÒ |
´Ù¹è¼ÛÁöÀÇ °æ¿ì ´Ù¸¥ Áö¿ªÀÇ ¹ÝǰÀ» µ¿½Ã¿¡ ÁøÇàÇÒ ¼ö ¾ø½À´Ï´Ù.
1°³ Áö¿ªÀÇ ¹ÝǰÀÌ ¿Ï·áµÈ ÈÄ ´Ù¸¥ Áö¿ª ¹ÝǰÀ» ÁøÇàÇÒ ¼ö ÀÖÀ¸¹Ç·Î, ÀÌÁ¡ ¾çÇØÇØ Áֽñ⠹ٶø´Ï´Ù. |
|
Áß°í»óǰÀÇ ±³È¯ |
Áß°í»óǰÀº Á¦ÇÑµÈ Àç°í ³»¿¡¼ ÆÇ¸Å°¡ ÀÌ·ç¾îÁö¹Ç·Î, ±³È¯Àº ºÒ°¡´ÉÇÕ´Ï´Ù. |
|
¿ÀǸ¶ÄÏ »óǰÀÇ È¯ºÒ |
¿ÀǸ¶ÄÏ»óǰ¿¡ ´ëÇÑ Ã¥ÀÓÀº ¿øÄ¢ÀûÀ¸·Î ¾÷ü¿¡°Ô ÀÖÀ¸¹Ç·Î, ±³È¯/¹Ýǰ Á¢¼ö½Ã ¹Ýµå½Ã ÆÇ¸ÅÀÚ¿Í ÇùÀÇ ÈÄ ¹Ýǰ Á¢¼ö¸¦ ÇϼžßÇϸç, ¹ÝǰÁ¢¼ö ¾øÀÌ ¹Ý¼ÛÇϰųª, ¿ìÆíÀ¸·Î º¸³¾ °æ¿ì »óǰ È®ÀÎÀÌ ¾î·Á¿ö ȯºÒÀÌ ºÒ°¡´ÉÇÒ ¼ö ÀÖÀ¸´Ï À¯ÀÇÇϽñ⠹ٶø´Ï´Ù. |
|
|
 |
¹è¼Û¿¹Á¤ÀÏ ¾È³» |
ÀÎÅÍÆÄÅ© µµ¼´Â ¸ðµç »óǰ¿¡ ´ëÇØ ¹è¼Û¿Ï·á¿¹Á¤ÀÏÀ» À¥»çÀÌÆ®¿¡ Ç¥½ÃÇϰí ÀÖ½À´Ï´Ù.
|
<ÀÎÅÍÆÄÅ© Á÷¹è¼Û »óǰ> |
»óǰÀº ¿ù~Åä¿äÀÏ ¿ÀÀü 10½Ã ÀÌÀü ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ´çÀÏ Ãâ°í/´çÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óǰÀÔ´Ï´Ù. |
»óǰÀº ¼¿ïÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀº ´çÀÏ Ãâ°í/ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇϸç,
¼¿ï¿ÜÁö¿ª/ÆòÀÏ ÁÖ¹®ºÐÀÇ °æ¿ì´Â ¿ÀÈÄ 6½Ã±îÁö ÁÖ¹®ºÐ¿¡ ´ëÇÏ¿© ÀÍÀÏ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÏ´Â »óǰÀÔ´Ï´Ù.
(´Ü, ¿ù¿äÀÏÀº 12½Ã±îÁö ÁÖ¹®¿¡ ÇÑÇÔ)
|
»óǰÀº, ÀÔ°í¿¹Á¤ÀÏ(Á¦Ç°Ãâ½ÃÀÏ)+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù. |
~
»óǰÀº À¯ÅëÆ¯¼º»ó ÀÎÅÍÆÄÅ©¿¡¼ Àç°í¸¦ º¸À¯ÇÏÁö ¾ÊÀº »óǰÀ¸·Î ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(1ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø±âÁØÃâ°íÀÏ:ÀÎÅÍÆÄÅ©°¡ »óǰÀ» ¼ö±ÞÇÏ¿© ¹°·ùâ°í¿¡¼ Æ÷Àå/Ãâ°íÇϱâ±îÁö ¼Ò¿äµÇ´Â ½Ã°£
|
|
<¾÷ü Á÷Á¢¹è¼Û/¿ÀǸ¶ÄÏ »óǰ> |
~
»óǰÀº ¾÷ü°¡ ÁÖ¹®À» È®ÀÎÇϰí, Ãâ°íÇϱâ±îÁö °É¸®´Â ½Ã°£ÀÔ´Ï´Ù. ÁÖ¹®ÀÏ+±âÁØÃâ°íÀÏ+Åùè»ç¹è¼ÛÀÏ(2ÀÏ)¿¡ ¹è¼Û¿Ï·á¸¦ º¸ÀåÇÕ´Ï´Ù.(Åä/°øÈÞÀÏÀº ¹è¼Û±â°£¿¡ Æ÷ÇÔµÇÁö ¾Ê½À´Ï´Ù.)
¡Ø5ÀÏÀ̳» Ãâ°í°¡ ½ÃÀÛµÇÁö ¾ÊÀ»½Ã, ¿ÀǸ¶ÄÏ »óǰÀº ÀÚµ¿À¸·Î ÁÖ¹®ÀÌ Ãë¼ÒµÇ¸ç, °í°´´Ô²² ǰÀýº¸»ó±ÝÀ» Áö±ÞÇØ µå¸³´Ï´Ù.
|
|
|
¹è¼Ûºñ ¾È³» |
µµ¼(Áß°íµµ¼ Æ÷ÇÔ)¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
À½¹Ý/DVD¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
ÀâÁö/¸¸È/±âÇÁÆ®¸¸ ±¸¸ÅÇϽøé : ¹è¼Ûºñ 2,000¿ø (2¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í À½¹Ý/DVD¸¦ ÇÔ²² ±¸¸ÅÇϽøé : ¹è¼Ûºñ 1,500¿ø 1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
µµ¼¿Í ÀâÁö/¸¸È/±âÇÁÆ®/Áß°íÁ÷¹è¼Û»óǰÀ» ÇÔ²² ±¸¸ÅÇϽøé : 2,000¿ø (1¸¸¿øÀÌ»ó ±¸¸Å ½Ã ¹«·á¹è¼Û)
¾÷üÁ÷Á¢¹è¼Û»óǰÀ» ±¸¸Å½Ã : ¾÷üº°·Î »óÀÌÇÑ ¹è¼Ûºñ Àû¿ë
* ¼¼Æ®»óǰÀÇ °æ¿ì ºÎºÐÃë¼Ò ½Ã Ãß°¡ ¹è¼Ûºñ°¡ ºÎ°úµÉ ¼ö ÀÖ½À´Ï´Ù.
* ºÏīƮ¿¡¼ ¹è¼Ûºñ¾ø¾Ö±â ¹öưÀ» Ŭ¸¯Çϼż, µ¿ÀϾ÷ü»óǰÀ» Á¶±Ý ´õ ±¸¸ÅÇϽøé, ¹è¼Ûºñ¸¦ Àý¾àÇÏ½Ç ¼ö ÀÖ½À´Ï´Ù.
|
|
ÇØ¿Ü¹è¼Û ¾È³» |
ÀÎÅÍÆÄÅ©µµ¼¿¡¼´Â ±¹³»¿¡¼ ÁÖ¹®ÇϽðųª ÇØ¿Ü¿¡¼ ÁÖ¹®ÇÏ¿© ÇØ¿Ü·Î ¹è¼ÛÀ» ¿øÇÏ½Ç °æ¿ì DHL°ú Ư¾àÀ¸·Î Ã¥Á¤µÈ ¿ä±ÝÇ¥¿¡
ÀÇÇØ °³ÀÎÀÌ ÀÌ¿ëÇÏ´Â °æ¿ìº¸´Ù ¹è¼Û¿ä±ÝÀ» Å©°Ô ³·Ã߸ç DHL(www.dhl.co.kr)·Î ÇØ¿Ü¹è¼Û ¼ºñ½º¸¦ Á¦°øÇÕ´Ï´Ù.
ÇØ¿Ü¹è¼ÛÀº µµ¼/CD/DVD »óǰ¿¡ ÇÑÇØ ¼ºñ½ºÇϰí ÀÖÀ¸¸ç, ´Ù¸¥ »óǰÀ» ºÏīƮ¿¡ ÇÔ²² ´ãÀ¸½Ç °æ¿ì ÇØ¿Ü¹è¼ÛÀÌ ºÒ°¡ÇÕ´Ï´Ù.
ÇØ¿ÜÁÖ¹®¹è¼Û ¼ºñ½º´Â ÀÎÅÍÆÄÅ© µµ¼ ȸ¿ø °¡ÀÔÀ» Çϼž߸¸ ½Åû °¡´ÉÇÕ´Ï´Ù. |
|
¾Ë¾ÆµÎ¼¼¿ä!!! |
µµ¸Å»ó ¹× Á¦ÀÛ»ç »çÁ¤¿¡ µû¶ó ǰÀý/ÀýÆÇ µîÀÇ »çÀ¯·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
¿ÀǸ¶ÄϾ÷üÀÇ ¹è¼ÛÁö¿¬½Ã ÁÖ¹®ÀÌ ÀÚµ¿À¸·Î Ãë¼ÒµÉ ¼ö ÀÖ½À´Ï´Ù.
Ãâ°í°¡´É ½Ã°£ÀÌ ¼·Î ´Ù¸¥ »óǰÀ» ÇÔ²² ÁÖ¹®ÇÒ °æ¿ì Ãâ°í°¡´É ½Ã°£ÀÌ °¡Àå ±ä ±âÁØÀ¸·Î ¹è¼ÛµË´Ï´Ù.
À¯ÅëÀÇ Æ¯¼º»ó Ãâ°í±â°£Àº ¿¹Á¤º¸´Ù ¾Õ´ç°ÜÁö°Å³ª ´ÊÃçÁú ¼ö ÀÖ½À´Ï´Ù.
Åùè»ç ¹è¼ÛÀÏÀÎ ¼¿ï ¹× ¼öµµ±ÇÀº 1~2ÀÏ, Áö¹æÀº 2~3ÀÏ, µµ¼, »ê°£, ±ººÎ´ë´Â 3ÀÏ ÀÌ»óÀÇ ½Ã°£ÀÌ ¼Ò¿äµË´Ï´Ù. |
|
 |
|
|