»ê°ú ¹þÇÏ´Â »ê¾Çȸ

ÁÖ¸» »êÇà »Ó¸¸ ¾Æ´Ï¶ó ÁÖÁß »êÇà, ¹«¹Ú »êÇ൵ ÇÕ´Ï´Ù

»êÇà ¿¹Àý

Àλç

Àλ縦 ÇÒ ¶§¿¡´Â ³Ê¹« Å«¼Ò¸®·Î ÇÏÁö ¸»°í »ó´ë¹æÀÌ ¶È¶ÈÈ÷ µéÀ» Á¤µµÀÇ ¼Ò¸®·Î ÀλçÇÑ´Ù. »êÀïÀÌ Áß¿¡´Â "¼ö°í ÇϽʴϴÙ"¶õ Àλ縦 ½È¾îÇÏ´Â »ç¶÷ÀÌ ¸¹´Ù. ¿ÀÈ÷·Á ±×°Í º¸´Ü "Èû³»¼¼¿ä" "Á¶±Ý¸¸ °¡¸é Á¤»óÀÔ´Ï´Ù" "ÁÁÀº »êÇà µÇ¼¼¿ä"¶ó°í Àλ簡 Àû´çÇÏÁö ¾ÊÀº°¡ »ý°¢ÇÑ´Ù. ±×¸®°í ´Üü·Î °¥ ¶© ¸ðµç »ç¶÷ÀÌ Àλ縦 ÇÏ¸é ¾ÈµÈ´Ù ¿©·¯ ¸íÀÌ ÁÙÁö¾î¼­ °¥ ¶© ¼±µÎ¿¡ ¼± »ç¶÷ÀÌ Àλ縦 ÇÏ°í µÞ»ç¶÷Àº °¡º±°Ô ¸ñ·ÊÁ¤µµ¸¸ ÇÏ¸é µÈ´Ù.

Ãß¿ùÀ» ÇØ¾ß ÇÒ¶© ¸ÕÀú ¾çÇظ¦ ±¸ÇÏÀÚ.

Á¼Àº µî»ê·Î¿¡¼­ ¿¹°í¾øÀÌ Ãß¿ùÀ» ÇÑ´Ù¸é ¹è³¶ °°Àº °ÍÀÌ ºÎµúÇô ¼­·Î Áß½ÉÀÌ ÈåÆ®·¯Áú °æ¿ì°¡ ¸¹´Ù. ¾àÇÑ »ç¶÷Àº ƨ°Ü ³¯ °æ¿ìµµ ÀÖ´Ù. Ãß¿ùÀ» ÇÒ ¶© ¹Ì¸® "¸ÕÀú °¡°Ú½À´Ï´Ù"¶ó°í ÇÏ°í ºñÄÑÁÖ¸é ±×¶§ "°í¸¿½À´Ï´Ù"¶ó°í Àλ縦 ÇÏ°í Ãß¿ùÀ» ÇÏÀÚ.

¿Ã¶ó¿À´Â »ç¶÷¿¡°Ô ¾çº¸¸¦ ÇÏÀÚ.

»ê¿¡¼­ ¸¹ÀÌ °æÇèÀ» ÇÏ¿´À» °ÍÀÌ´Ù. ³»·Á ¿À´Â »ç¶÷º¸´Ü ¿Ã¶ó°¡´Â »ç¶÷ÀÌ ½Ã°£ÀÌ Ã˹ÚÇÏ´Ù. ¶Ç ÆäÀ̽º À¯Áöµµ ¿Ã¶ó¿À´Â »ç¶÷ÀÌ À¯ÁöÇϱⰡ ¾î·Æ´Ù. ´ÜüÀÏ °æ¿ì¿¡´Â ¼Ò¼öÀÎ ±×·ìÀÌ ¾çº¸ÇÑ´Ù.

----html5 ű׼³¸í-------------------------
style1.css¿¡ id¸¦ Á¤ÀÇÇسõ°í
id="header"³ª id="mainNav", id="content"¿Í °°ÀÌ ½Äº°ÀÚ¸¦ ºÙÀÓ.
µå¸²À§¹ö·Î ¼Ò½ºÀÛ¾÷ÇÒ¶§ id=" "¸¸ ¼±ÅÃÇصµ ÇØ´çºÎºÐÀÇ Àüü°¡ ¼±ÅÃÀÌ µÇ¾îÁø´Ù,
±×¸®°í, ÆùÆ® »çÀÌÁî´Â h1>h2>h3>h4·Î Å©±â·Î ÀÔ·ÂÇÑ´Ù.

header:»çÀÌÆ®¿¡ ´ëÇÑ ¼Ò°³Á¤º¸³ª ¸ÞÀÎ ¸Þ´º, »çÀÌÆ® ·Î°í µîÀÌ Æ÷ÇÔ.
hgroup:Á¦¸ñ°ú ±×¿Í °ü·ÃµÈ ºÎÁ¦¸ñÀ» ¹­¾îÁÖ´Â ÅÂ±× nav:»çÀÌÆ®ÀÇ ¸Þ´º³ª ¸µÅ©°°Àº ³×ºñ°ÔÀ̼ǿä¼ÒµéÀÌ Æ÷ÇÔ.
section: ½ÇÁ¦¹®¼­³»¿ëÀÌ µé¾î°¨. ´ëºÎºÐÀÇ Å±׵éÀÌ ¿©±â¿¡ »ç¿ëµÇ°í ¶Ç´Ù¸¥ section¿ä¼Ò¸¦ Æ÷ÇÔÇÒ¼öµµ ÀÖ´Ù.
article:¹®¼­³»¿ëÀÌ ¸¹À»°æ¿ì ¿©·¯³»¿ëµéÀ» ³Ö¾î ¹®¼­ÀÇ ÁÖ¿µ¿ª ÁÖº¯¿¡ ¹èÄ¡.
aside:º»¹®À» Ç¥½ÃÇÏ°í ³²ÀººÎºÐ, º»¹® ¿ÞÂÊÀ̳ª ¿À¸¥ÂÊ¿¡ formű׸¦ »ç¿ëÇؼ­ °Ë»öâµî ´Ù¾çÇÑ Ç׸ñÀ» ¹èÄ¡ÇÑ´Ù.
footer:ÀÛ¼ºÀÚ Á¤º¸³ª ÀúÀÛ±ÇÁ¤º¸, ¶Ç´Â °ü·Ã ¹®¼­ ¸µÅ©µî ºÎ°¡Á¤º¸µéÀ» ´ã°íÀÖ´Ù. ÁÖ·Î ¹®¼­ ÇÏ´Ü¿¡ ¹èÄ¡µÈ´Ù.