= HTML5 개요 = * ìžë°”스í¬ë¦½íЏ + CSS + HTMLì˜ í†µí•©ê°œë… * section, article * outline * ì„¹ì…˜ì˜ ì¤‘ì²©ê´€ê³„ == ì°¸ê³ ì‚¬í• == * 섹션 요소를 ì‚¬ìš©í• ë•ŒëŠ” í•ìƒ ì•„ì›ƒë¼ì¸ì„ ì—¼ë‘í•´ 둘 것 * 아웃ë¼ì¸ê³¼ ìƒê´€ 없는 범위를 ì§€ì •í•˜ ㄹ때는 div를 ì‚¬ìš©í• ê²ƒ * article 요소를 ì‚¬ìš©í• ê²ƒì¸ê°€ ë§ ê²ƒì¸ê°€ëŠ” 콘í…ì¸ ë¥¼ 해당 페ì´ì§€ì—서 분리해서 사용 ê°€ëŠ¥í•œê°€ì— ë”°ë¼ ê²°ì • * aside는 ì—†ì–´ë„ ë¬¸ì œ ì—†ì„ ì„¹ì…˜ì— ì‚¬ìš© == HTML5와 ì´ì „ ë¬¸ì„œì˜ ì°¨ì´ == === before HTML5 === * http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-div.gif === HTML5 === * http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-html5.gif = 요소 = == section == * 범용ì 섹션 === section ì œëª© === * 하나만 ì§€ì • 가능 * 여러 ì œëª©ì„ ë¬¶ì–´ 하나로 만들기 위한 {{{<hgroup>}}} 태그 사용가능 * ì„¹ì…˜ì— ë‘ê°œ ì´ìƒì˜ ì œëª©ì„ ì§€ì •í•˜ë©´ 암묵ì 으로 ì„¹ì…˜ì´ ìƒì„±ëœë‹¤. ê·¸ëŸ°ë° ì–´ë–¤ 규칙으로 ìƒì„±ë ì§€ 모른다. === section root === * í•˜ë‚˜ì˜ ë…ë¦½ëœ ìš”ì†Œë¡œ ì¸ì •ë˜ëŠ” 태그들 * body, fieldset(ìž…ë ¥ 필드 그룹), td, figure, blockquote * bodyê°€ section rootìž„. HTML5ì˜ ì»¨í…ì¸ ëŠ” ëª¨ë‘ sectionì— í¬í•¨ëœë‹¤ëŠ” ê²ƒì„ ìœ ì¶” 가능 * ë°–ì˜ ì•„ì›ƒë¼ì¸ì—는 ì˜í–¥ì„ 주지 않는다.