HTML5 활용

1장 HTML이 지나온 길
___MIME 타입
___표준 제정에 관한 여담
___명맥을 유지해온 HTML 발전사
___1997년부터 2004년까지의 HTML5 개발과정
___모두가 잘못 알고 있는 XHTML
___웹의 미래, 동상이몽
___WHAT 워킹그룹이란?
___다시 W3C로
___W3C의 보충설명
___추천 자료

2장 HTML5 지원 여부 감지
___감지 방법
___Modernizr: HTML5 감지 라이브러리
___캔버스
___캔버스 텍스트
___비디오
___비디오 포맷
___로컬 저장소
___웹 워커
___오프라인 웹 애플리케이션
___위치정보
___입력 타입
___플레이스홀더 텍스트
___폼 오토포커스
___마이크로데이터
___추천 자료

3장 시맨틱 엘리먼트
___문서타입
___루트 엘리먼트
___ 엘리먼트
______문자 인코딩
______친구 페이지와 링크 관계
___HTML5의 새로운 시맨틱 엘리먼트
___알 수 없는 엘리먼트를 브라우저가 처리하는 방법
___헤더
___본문
___날짜와 시간
___내비게이션
___푸터
___추천 자료

4장 캔버스로 그려보자
___단순한 도형
___캔버스 좌표
___경로
___텍스트
___그라디언트
___이미지
___IE는 어때?
___완전한 예제
___추천 자료

5장 웹 비디오의 모든 것
___비디오 컨테이너
___비디오 코덱
______H.264
______테오라
______VP8
___오디오 코덱
______MP3
______AAC
______보비스
___웹에서의 동작 방식
___H.264 비디오를 둘러싼 라이선싱 이슈
___파이어포그를 이용한 오그 비디오 인코딩
___ffmpeg2theora를 이용한 오그 비디오 배치 인코딩
___HandBrake를 이용한 H.264 비디오 인코딩
___HandBrake를 이용한 H.264 비디오 배치 인코딩
___ffmpeg을 이용한 웹엠 비디오 인코딩
___드디어 마크업
______MIME 타입이 또 다시 문제를 일으키다
___IE는 어때?
___최종 예제
___추천 자료

6장 사용자 위치정보
___위치정보 API
___코드로 이해하기
___에러 처리
___선택! 선택을 하라구!
___IE는 어때?
___구원 투수 geo.js
___최종 예제
___추천 자료

7장 웹 애플리케이션 로컬 저장소
___HTML5 이전의 로컬 저장소 역사
___HTML5 저장소
___HTML5 저장소 사용하기
______HTML5 저장소의 변경사항 따라잡기
______최신 브라우저의 한계
___HTML5 저장소의 동작
___키/값 쌍을 넘어서: 비전 경쟁
___추천 자료

8장 오프라인 웹 애플리케이션
___캐시 매니페스트
______네트워크 섹션
______fallback섹션
___이벤트 플로우
___디버깅의 예술
___게임을 하나 만들어 보자구!
___추천 자료

9장 더욱 강력해진 웹 폼
___플레이스홀더 텍스트
___오토포커스 필드
___이메일 주소
___인터넷 주소
___스핀박스로 나타낸 숫자
___슬라이더로 나타낸 숫자
___날짜 선택기
___검색창
___색상 선택기
___자동 입력 검증
___추천 자료

10장 마이크로데이터로 시맨틱 부여하기
___마이크로데이터는 뭔가요?
___마이크로데이터 모델
___인물정보 마크업
______구글의 리치 스니펫
___조직정보 마크업
___이벤트 마크업
______다시 구글 리치 스니펫으로
___리뷰 마크업
___추천 자료

부록 HTML5 기능 감지 방법
___엘리먼트
___추천 자료