10 HTML5와 시맨틱 태그

10-1 HTML4 문서 vs HTML5 문서

• HTML4 문서
• 시맨틱 태그가 사용된 HTML5 문서
• 왜 시맨틱 태그로 레이아웃을 만들어야 할까?

10-2 문서 구조를 위한 HTML5 시맨틱 태그

• <header> 태그 - 머리말 지정하기
• <nav> 태그 - 문서를 연결하는 내비게이션 링크
• <section> 태그 - 주제별 콘텐츠 영역 나타내기
• <article> 태그 - 콘텐츠 내용 넣기
• <aside> 태그 - 본문 이외의 내용 표시하기
• <iframe> 태그 - 외부 문서 삽입하기
• <footer> 태그 - 제작 정보와 저작권 정보 표시하기
• <address> 태그 - 사이트 제작자 정보, 연락처 정보 나타내기
• <div> 태그는 언제 사용할까?

10-3 IE8 이하 버전에서는 어떻게 하나요?

• 새로운 시맨틱 태그 지원 상황
• IE8 이하에서 시맨틱 태그를 사용하려면?
• 브라우저 사이의 차이를 메꾸어 주는 폴리필(pollyfill)