01장 기본 문법과 의미
1.0 소개
1.1 DOCTYPE 명시하기
1.2 문자셋 명시하기
1.3 언어 명시하기
1.4 <script>와 <link> 태그 최적화하기
1.5 HTML5의 새 요소로 문서에 구조 추가하기
1.6 article? section?
1.7 문서 개요 점검하기
1.8 문서 개요 수정하기
1.9 텍스트 강조하기
1.10 텍스트의 중요성 표시하기
1.11 참조 목적으로 텍스트 하이라이트하기
1.12 스몰 프린트 마크업
1.13 약어와 두문자어 정의하기
1.14 블록 레벨 콘텐츠에 링크 걸기
1.15 그림과 캡션 마크업
1.16 날짜와 시간 마크업
1.17 브라우저가 지원하는 펼치기와 접기
1.18 목록 순번 조절하기
1.19 나중에 보일 콘텐츠 숨기기
1.20 페이지 일부만 편집하기
1.21 네이티브 드래그 앤 드롭
02장 점진적 마크업과 테크닉
2.0 소개
2.1 더 의미있는 마크업
2.2 마크업 스타일 선택
2.3 브라우저의 HTML5 지원 이해
2.4 IE가 HTML5 요소를 인식하도록 만들기
2.5 자바스크립트를 이용한 HTML5 기능 확인
2.6 HTML5 템플릿 사용
2.7 HTML5 유효성 검사
2.8 HTML5 요소에 ID와 클래스 쓰기
03장 폼
3.0 소개
3.1 search 필드 만들기
3.2 연락처 정보 필드
3.3 날짜와 시간 필드 활용
3.4 숫자 입력
3.5 범위 안에서 숫자 선택
3.6 색상 선택
3.7 콤보박스 만들기
3.8 폼 필드를 필수적인 것으로 만들기
3.9 폼 필드에 자동으로 포커스 주기
3.10 플레이스홀더 텍스트 표시
3.11 자동완성 끄기
3.12 값 제한하기
3.13 HTML5를 오래된 브라우저에서 동작하게 만들기
3.14 자바스크립트를 이용해 오래된 브라우저에서 폼 데이터 검사하기
3.15 예제: 샘플 폼
04장 네이티브 오디오
4.0 소개
4.1 HTML5 오디오
4.2 오디오 흐름 조작하기
4.3 자바스크립트로 audio 생성하기
4.4 canvas 요소를 써서 audio 시각화하기
4.5 샘플 디자인: 커스텀 오디오 플레이어
05장 네이티브 비디오
5.0 소개
5.1 HTML5 비디오
5.2 다양한 브라우저에서 비디오를 지원하도록 만들기
5.3 비디오 크기 설정
5.4 비디오를 재생하기 전에 플레이스홀더 이미지 표시하기
5.5 비디오 반복 재생하기
5.6 샘플 디자인: canvas 요소로 비디오 조작하기
06장 마이크로데이터와 커스텀 데이터
6.0 소개
6.1 마크업에 마이크로데이터 추가
6.2 마이크로데이터와 Schema.org
6.3 마크업에 커스텀 데이터 추가하기
6.4 자바스크립트로 커스텀 데이터에 접근하기
6.5 커스텀 데이터 조작
6.6 예제: 커스텀 데이터를 이용한 지도 애플리케이션 제작
07장 접근성
7.0 소개
7.1 적절한 대체 텍스트 작성하기
7.2 두문자어와 약어 설명하기
7.3 ARIA 표지판 역할로 페이지 섹션 정의하기
7.4 더 접근성 있는 내비게이션 링크 만들기
7.5 폼 필드와 레이블 연결
7.6 폼 필드를 논리적으로 묶기
7.7 필드셋을 동적으로 만들기
7.8 폼 필드를 필수적인 것으로 표시하기
7.9 ARIA 동적 영역을 이용해 동적 콘텐츠가 업데이트되었을 때 알리기
08장 지오로케이션
8.0 소개
8.1 기본적인 지오로케이션 데이터 얻기
8.2 폴백으로 기본적인 지오로케이션 데이터 얻기
8.3 위도와 경도가 있는 주소를 역으로 지오코딩하기
8.4 주소를 위도와 경도로 바꾸기
8.5 현재 위치로부터 특정 주소의 방향 얻기
8.6 예제: 스타벅스에서 스타벅스로
09장 canvas 요소
9.0 소개
9.1 canvas에 그리기
9.2 투명도 이용하기
9.3 canvas 요소의 크기 지정
9.4 그레이디언트와 패턴, 선 스타일
9.5 canvas 그림에 외부 이미지 불러오기
9.6 색상 변형 설정하기
9.7 위치 변형
9.8 canvas 요소에서 텍스트 사용
9.9 canvas 그림 자르기
9.10 canvas 요소의 그림 애니메이트
9.11 canvas 요소로 그래프 그리기
9.12 canvas 그림을 파일로 저장하기
10장 고급 HTML5 자바스크립트
10.0 소개
10.1 로컬 스토리지
10.2 애플리케이션 캐싱
10.3 드래그 앤 드롭
10.4 웹 워커
10.5 웹 소켓
10.6 히스토리
10.7 로컬 파일