상세정보

HTML5의 다양한 기능과 구성 요소를 알기 쉽게 설명하고, 이를 실제로 활용하는 방법을 알려주는 책. 개발 실무에서 맞닥뜨리는 문제에 대한 솔루션과 상황별 활용 사례를 제공하며 저자의 노하우와 전문가들의 팁도 아낌없이 알려준다. 기초부터 활용까지 아우르는 이 책은 HTML5 개발자는 물론, 디자이너와 퍼블리셔까지 모두 볼 수 있는 책이다.

81가지 솔루션으로 완성하는
HTML5 핵심 기술
새로운 마크업 언어인 HTML5를 사용하다보면 여러 가지 예상치 못한 문제에 봉착하게 됩니다. 브라우저의 종류나 버전마다 지원하는 기능이 다르며 아직 HTML5 표준화 작업이 끝나지 않았기 때문이지요.
이 책은 실무에서 만나게 되는 이러한 문제들에 대한 솔루션을 제공하고, 다양한 예제를 통해 상황에 맞게 HTML5 태그와 속성을 활용할 수 있는 방법을 알려줍니다. 또한 전문가의 조언이 담긴 실무 팁을 수록하여 문제 상황에 유연하게 대처할 수 있도록 도와줍니다.

새로운 구성의 HTML5 학습서
HTML5의 새로운 요소와 속성을 알기 쉽게 설명하여 초보자도 차근차근 따라할 수 있으며. 예제에 필요한 소스 코드를 다운로드해서 사용할 수 있습니다.
또한 기존의 레퍼런스 구성의 HTML5 관련 번역서와 달리 깔끔하고 세련된 편집 구성으로 더욱 효과적으로 HTML5를 학습할 수 있습니다.

■ 독자 대상
- 실전 예제와 실무 팁이 궁금한 현직 개발자
- 새로운 HTML5 태그를 배우고 싶은 개발자, 웹 디자이너와 퍼블리셔.

■ 예제 소스 무료 제공
원본 예제 파일 다운로드 : www.apress.com/9781430233862
한국어판 예제 파일 다운로드 : 길벗 출판사 홈페이지(www.gilbut.co.kr) 접속 후, [독자지원/자료실] → ‘자료/문의/요청’ 게시판 참조

정보제공 :

목차
옮긴이의 글 = 4
저자 서문 = 5
시작하는 글 = 6
저자 소개 = 9
Chapter 1 HTML5 페이지 구조
 Solution 1-1 HTML5에서 DOCTYPE 만들기 = 19
 Solution 1-2 HTML5에서 문자 인코딩 선언문 만들기 = 21
 Solution 1-3 도큐먼트를 섹션으로 나누기 = 22
 Solution 1-4 구분할 수 있는 도큐먼트 영역 만들기 = 23
 Solution 1-5 aside 만들기 = 24
 Solution 1-6 머리말(헤더) 만들기 = 26
 Solution 1-7〈h1〉∼〈h6〉요소의 그룹화 = 27
 Solution 1-8 꼬리말(푸터) 만들기 = 29
 Solution 1-9 HTML5 도큐먼트 내에 내비게이션 만들기 = 31
 Solution 1-10 그림 삽입하기 = 33
 Solution 1-11 브라우저 호환성 = 35
Chapter 2 HTML5 마크업
 Solution 2-1 HTML5에서〈hr〉태그 사용하기 = 39
 Solution 2-2〈iFrame〉태그 사용하기 = 42
 Solution 2-3 페이지에 미디어 끼워 넣기 = 44
 Solution 2-4〈area〉태그 사용하기 = 46
Chapter 3 HTML5 구조와 시멘틱 요소
 Basic｜마이크로데이터 이해하기 = 53
 Solution 3-1 itemprop와 itemscope 속성 사용하기 = 56
 Solution 3-2 사용자 정의 어휘 목록 만들기 = 63
 Solution 3-3 링크 타입과 관계 이해하기 = 68
 Solution 3-4 header와 hgroup 요소 = 71
 Solution 3-5 이미지에 캡션 연결하기 = 75
 Solution 3-6 시멘틱 구조 추가하기 = 79
Chapter 4 HTML5 Forms
 Basic｜새로운 input 타입 이해하기 = 88
 Solution 4-1 e-mail input 타입 사용하기 = 89
 Solution 4-2 URL input 타입 사용하기 = 93
 Solution 4-3 숫자에 대한 스피너 컨트롤 사용하기 = 95
 Solution 4-4 range input 타입 폼에 슬라이더 추가하기 = 99
 Solution 4-5 다중 파일 보내기 = 103
 Solution 4-6 datalist 요소로 자동 완성 기능 만들기 = 106
 Solution 4-7 폼 컨트롤 유효성 검사 = 109
 Solution 4-8 정규 표현식을 이용하여 사용자 정의 input 타입 만들기 = 114
 Solution 4-9 input 필드에서 placeholder 텍스트 세팅하기 = 118
 Solution 4-10 날짜와 시간 컨트롤 만들기 = 120
Chapter 5 HTML5의 미디어 요소, Audio와 Video
 Solution 5-1 웹 페이지에 비디오 삽입하기 = 128
 Solution 5-2 비디오를 지원하는 브라우저 = 132
 Solution 5-3 사용자 정의 비디오 컨트롤러 만들기 = 137
 Solution 5-4 비디오 프리로딩하기 = 148
 Solution 5-5 비디오에 사용자 지정 탐색 바 만들기 = 150
 Solution 5-6 다중 source video 요소 사용하기 = 159
 Solution 5-7 풀 화면으로 비디오 열기 = 162
 Solution 5-8 비디오에 마스크 적용하기 = 167
 Solution 5-9 audio 요소 사용하기 = 170
Chapter 6 HTML5 드로잉 API
 Solution 6-1 canvas 요소의 HTML5 드로잉 API 사용해서 그리기 = 176
 Solution 6-2 패스와 좌표 사용하기 = 181
 Solution 6-3 사각형과 원 그리기 = 192
 Solution 6-4 단색으로 도형 채우기 = 197
 Solution 6-5 그레이디언트 사용하여 도형 채우기 = 203
 Solution 6-6 캔버스에 텍스트 그리기 = 210
 Solution 6-7 상대 폰트 크기로 캔버스 텍스트 그리기 = 215
 Solution 6-8 PNG 파일로 도형 저장하기 = 219
Chapter 7 HTML5 Canvas
 Solution 7-1 캔버스 API 이해하기 = 228
 Solution 7-2 캔버스와 캔버스 텍스트 지원 감지 = 239
 Solution 7-3 캔버스 변환과 표준 스크린 기반의 좌표계 = 247
 Solution 7-4 픽셀 조작 = 254
 Solution 7-5 그림자와 블러 효과 적용하기 = 262
 Solution 7-6 애니메이션 캔버스 = 268
Chapter 8 HTML5 Communication API
 Basic｜postMessage API 이해하기 = 280
 Basic｜postMessage 통신 보안 = 282
 Solution 8-1 브라우저의 postMessage API 지원 확인하기 = 284
 Basic｜크로스 도큐먼트 메시징과 CORS = 286
 Solution 8-2 윈도우와 iframe 간 메시지 전송 = 287
 Solution 8-3 실시간 웹 애플리케이션 구현을 위한 서버-이벤트 기술 = 295
 Solution 8-4 메시지 채널을 이용하여 다른 브라우징 콘텍스트에서 코드 실행하기 = 301
 Solution 8-5 XMLHttpRequest Level 2를 이용한 파일 업로드 = 303
 Solution 8-6 XMLHttpRequest Level 2의 크로스 도메인 브라우저 지원 확인하기 = 309
Chapter 9 HTML5 웹소켓
 Solution 9-1 브라우저의 웹소켓 지원 확인하기 = 316
 Solution 9-2 웹소켓 연결 설정하기 = 318
 Solution 9-3 웹소켓 이벤트 핸들링 = 324
 Solution 9-4 웹소켓 API로 웹소켓 서버 사용하기 = 328
Chapter 10 HTML5 지오로케이션 API
 Basic｜지오로케이션 API 이해하기 = 342
 Solution 10-1 내비게이터 객체 사용하기 = 343
 Solution 10-2 현재 위치 가져오기 = 345
 Solution 10-3 위치 객체 사용하기 = 350
 Solution 10-4 위치 에러 처리하기 = 353
 Solution 10-5 사용자 위치 추적 = 356
 Solution 10-6 geo.js 오픈소스 라이브러리 사용하기 = 360
Chapter 11 HTML5 Local Storage
 Solution 11-1 경우에 따라 연결되는 애플리케이션 = 365
 Solution 11-2 HTML5 스토리지 지원 확인하기 = 369
 Solution 11-3 페이지에 manifest 선언하기 = 377
 Solution 11-4 ApplicationCache 객체 사용하기 = 381
 Solution 11-5 ApplicationCache 이벤트 = 384
 Solution 11-6 로컬 캐시 삭제하기 = 388
Chapter 12 HTML5 접근성
 Basic｜접근성의 4가지 원칙 = 393
 Basic｜WCAG의 목적 = 394
 Solution 12-1 nav 요소로 skip link 만들기 = 396
 Solution 12-2 접근 가능한 표 형식의 데이터 만들기 = 402
 Solution 12-3 접근 가능한 폼 만들기 = 407
 Solution 12-4 Video 요소를 사용하여 캡션과 주석달기 = 411
 Solution 12-5 ARIA 프로젝트 사용하기 = 415