2018³â 2Çбâ HTML5 Ãâ¼®´ëü½ÃÇè ÇÙ½Éüũ |
---|
* º» ÀÚ·á´Â ³ë¿ìÁ¸¿¡¼ ½Ç½Ã°£À¸·Î Á¦°øÇÏ°í ÀÖ½À´Ï´Ù.
¢ºÀÚ·á¸ñÂ÷ ¹× ÁÖÁ¦
Á¦ 2 Àå HTML5 ¿ä¼Ò
Á¦ 3 Àå ĵ¹ö½º Á¦ 5 Àå CSS3 * °¢ À庰 ÃâÁ¦¿¹»ó¹®Á¦ Á¦°ø + Çؼ³Æ÷ÇÔ * ¢ºÀÚ·á³»¿ë ¹Ì¸®º¸±â
Á¦2Àå HTML5 ¿ä¼Ò
1. ·¹À̾ƿôÀ» À§ÇÑ ½Ã¸àƽ ¿ä¼Ò 1) header ¿ä¼Ò¿Í footer ¿ä¼Ò ¨ç header ¿ä¼Ò - ¸Ó¸®¸» - »çÀÌÆ®ÀÇ À̸§, ·Î°í µîÀ» ´ã´Âµ¥ »ç¿ë - º¸Åë ¹®¼ÀÇ »ó´Ü¿¡ À§Ä¡ - ¾î´À °÷¿¡ À§Ä¡Çصµ ¹«´ç - section/article ¿ä¼Ò ³»¿¡¼´Â ¸Ó¸®±Û ¿ªÇÒ - section dyth, header ¿ä¼Ò, footer ¿ä¼Ò¸¦ Æ÷ÇÔÇÒ ¼ö ¾øÀ½ ¨è footer ¿ä¼Ò - ²¿¸®¸» - Á¦ÀÛÀÚ Á¤º¸³ª ÀúÀÛ±Ç Á¤º¸ µîÀ» ´ã±â À§Çؼ »ç¿ë - º¸Åë ¹®¼ÀÇ ÇÏ´Ü¿¡ À§Ä¡ - ¾î´À °÷¿¡ À§Ä¡Çصµ ¹«¹æ - section/atricle ¿ä¼Ò ³»¿¡¼´Â ¹Ù´Ú±Û ¿ªÇÒ - section ¿ä¼Ò, header¿ä¼Ò, footer¿ä¼Ò¸¦ Æ÷ÇÔÇÒ ¼ö ¾øÀ½ 2) nav ¿ä¼Ò¿Í aside ¿ä¼Ò ¨ç nav ¿ä¼Ò ÁÖ·Î À¥ÆäÀÌÁö Àüü¿¡ Àû¿ëµÇ´Â »ó´ÜÀÇ ¸Þ´º¸¦ Ç¥½ÃÇÒ ¶§ »ç¿ë ¨è aside ¿ä¼Ò - ÁÖ¿ä ÄÜÅÙÃ÷ ÀÌ¿Ü¿¡ ³²¾Æ ÀÖ´Â ÄÜÅ×Ã÷³ª Âü°í°¡ µÇ´Â ÄÜÅ×Ã÷ µîÀ» ³ªÅ¸³¾ ¶§ »ç¿ë - º¸Åë À¥ÆäÀÌÁöÀÇ ¿ÞÂÊÀ̳ª ¿À¸¥ÂÊ¿¡ À§Ä¡ 3) section ¿ä¼Ò, article ¿ä¼Ò, hgroup ¿ä¼Ò ¨ç section ¿ä¼Ò - ÇϳªÀÇ ÁÖÁ¦·Î ±¸¼ºµÈ ¹®¼ÀÇ ³»¿ë ¿µ¿ªÀ» ³ªÅ¸³¾ ¶§ »ç¿ë - ¿ÀÁ÷ ÇϳªÀÇ Çìµù ¿ä¼Ò(h1~h6)¸¸ »ç¿ë °¡´É - Áß·« - |
¢º±³È¯ ¹× ȯºÒ ±ÔÁ¤
ÀÚ·á´Â °áÁ¦ ¿Ï·á ÈÄ ¸¶ÀÌÆäÀÌÁö¿¡¼ ÆÄÀÏ·Î ´Ù¿î·Îµå ¹ÞÀ¸½Ç ¼ö ÀÖ½À´Ï´Ù.
ÀڷḦ ´Ù¿î·Îµå ¹ÞÁö ¾ÊÀº °æ¿ì ȯºÒÀÌ °¡´ÉÇϸç, ´Ù¿î·Îµå ÈÄ¿¡´Â ȯºÒÀÌ ºÒ°¡ÇÕ´Ï´Ù. (´Ü, ÀÚ·áÀÇ ³»¿ë¿¡ ¿À·ù°¡ Àְųª ¸ñÂ÷ÀÇ ³»¿ë°ú ´Ù¸¦ °æ¿ì ȯºÒÀÌ °¡´ÉÇÕ´Ï´Ù.) |