장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
HTML 5 차세대 웹 표준 기술
미리보기

HTML 5 차세대 웹 표준 기술

  • 김영보
  • |
  • 아이티씨(체온365)
  • |
  • 2010-06-18 출간
  • |
  • 735페이지
  • |
  • 182 X 257 mm
  • |
  • ISBN 9788963510200
판매가

35,000원

즉시할인가

31,500 원

배송비

무료배송

(제주/도서산간 배송 추가비용:3,000원)

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
31,500원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

출판사서평

HTML5! Next Generation!

비디오, 오디오, 캔버스도 중요하지만 하나의 기능이다. 따라서 이는 책을 보면 되고, 책은 예제와 더불어 즉시 사용할 수 있도록 자세하게 설명되어 있으면 된다.
HTML4는 엘리먼트(태그)를 기능적으로 구조적으로 접근하면 된다. 하지만 HTML5는 구성을 요구한다. 즉, 사상의 이해를 요구하고 시나리오를 요구한다. 바로 이 점이 HTML4와 HTML5의 차이다.

책은 HTML5를 보다 완전하게 사용하기 위한 사상을 다루고 있다. 물론, 예제와 더불어 즉시 사용할 수 있도록 기능적, 표준적인 측면을 아주 자세하게 다루고 있다. HTML5의 모든 API에 대해 설명했으며 예제 소스를 제공하며 HTML5의 모든 엘리먼트를 하나도 빠짐없이 예제와 더불어 상세하게 설명했으며 예제 소스를 제공한다. 엘리먼트 단위로 추가, 폐지, CSS 스타일로 대체된 속성을 제시하고 예제와 함께 자세하게 설명했다. 따라서 (X)HTML 책으로도 사용할 수 있으며 자연스럽게 HTML5까지 배울 수 있다.

웹의 새로운 세대가 우리 앞에 성큼 다가오고 있다.
이제 가야 할 길이 정해졌다.
다른 대안은 없다.
이제 남은 것은 내 것으로 만드는 것이다.

HTML5는 구성을 요구한다.

비디오, 오디오, 캔버스도 중요하지만 하나의 기능이다. 따라서 이는 책을 보면 되고, 책은 예제와 더불어 즉시 사용할 수 있도록 자세하게 설명되어 있으면 된다.

HTML4는 엘리먼트(태그)를 기능적으로 구조적으로 접근하면 된다. 하지만 HTML5는 구성을 요구한다. 즉, 사상의 이해를 요구하고 시나리오를 요구한다. 바로 이 점이 HTML4와 HTML5의 차이다.

이 책은 HTML5를 보다 완전하게 사용하기 위한 사상을 다루고 있다. 물론, 예제와 더불어 즉시 사용할 수 있도록 기능적, 표준적인 측면을 아주 자세하게 다루고 있다.

-HTML5의 모든 API에 대해 설명했으며 예제 소스를 제공한다.
-HTML5의 모든 엘리먼트를 하나도 빠짐없이 예제와 더불어 상세하게 설명했으며 예제 소스를 제공한다.
-엘리먼트 단위로 추가, 폐지, CSS 스타일로 대체된 속성을 제시하고 예제와 함께 자세하게 설명했다. 따라서 (X)HTML 책으로도 사용할 수 있으며 자연스럽게 HTML5까지 배울 수 있다.

초보자, 중급자, 고급자를 대상으로 한다.
초보자는 기능, 표준 중심으로 볼 것이고 중급자와 고급자는 사상, 시나리오, 접근성 관점에서 볼 것으로 예상한다.

목차

1부 HTML5 개요

1장 개요
1.1 HTML5 현재상태
1.2 HTML, XHTML의 발자취
1.3 WHATWG 태동
1.4 2022년 개발 완료?
1.5 HTML5 범위

2장 HTML5 API
2.1 Canvas 2D Context
2.2 Microdata
2.3 Microdata vocabularies
2.4 Communications
2.5 Web Workers
2.6 Web Storage
2.7 Web Sockets
2.8 Server-sent Events
2.9 Web SQL Database
2.10 Indexed Database API
2.11 Geolocation
2.12 File

3장 HTML4와 HTML5 차이
3.1 DOCTYPE
3.2 HTML5 구문
3.3 MathML
3.4 SVG
3.5 신규 엘리먼트
3.6 변경 엘리먼트
3.7 폐지 엘리먼트
3.8 신규 속성
3.9 변경 속성
3.10 폐지 속성
3.11 HTMLDocument 확장
3.12 HTMLElement 확장

2부 콘텐츠 모델, 글로벌 속성

4장 콘텐츠 모델
4.1 카테고리
4.2 콘텐츠 모델이란?
4.3 메타데이터 콘텐츠
4.4 플로우 콘텐츠
4.5 섹셔닝 콘텐츠
4.6 헤딩 콘텐츠
4.7 파싱 콘텐츠
4.8 임베디드 콘텐츠
4.9 인터랙티브 콘텐츠

5장 글로벌 속성
5.1 글로벌 속성 리스트
5.2 accesskey: 단축 키
5.3 class: 클래스
5.4 contenteditable: 텍스트 편집
5.5 contextmenu: 콘텍스트 메뉴
5.6 dataset: 커스텀 데이터
5.7 dir: 텍스트 방향 형식
5.8 draggable: 드래그 여부
5.9 hidden: 엘리먼트의 다큐먼트 반영
5.10 id: 엘리먼트 식별자
5.11 lang: 엘리먼트의 주된 언어
5.12 spellcheck: 맞춤법, 문법 검사
5.13 style: CSS 스타일
5.14 tabindex: 네비게이션 순서
5.15 title: 엘리먼트 추가 정보

3부 HTML 콘텐츠

6장 루트 엘리먼트
6.1 「html」 루트 엘리먼트

7장 메타데이터
7.1 「head」 다큐먼트 메타데이터
7.2 「title」 다큐먼트 제목
7.3 「base」 링크 기준 URL
7.4 「link」 외부 파일 링크
7.5 「meta」 메타데이터
7.6 charset: 문자 인코딩
7.7 http-equiv: pragma 지시문
7.8. name: 메타데이터 이름
7.9 「style」 스타일

8장 스크립팅
8.1 「script」 스크립트
8.2 「noscript」 스크립트 사용 불가에서 실행

9장 섹션
9.1 구조와 구성
9.2 「body」 메인 콘텐츠
9.3 「section」 섹션
9.4 「h1」~「h6」 섹션 제목
9.5 「hgroup」 제목 그룹
9.6 아웃라인 생성
9.7 섹셔닝 루트 카테고리
9.8 헤딩과 섹션
9.9 「header」 헤더
9.10 「footer」 푸터
9.11 「nav」 네비게이션 링크 리스트
9.12 「article」 독립적인 콘텐츠
9.13 「aside」 간접적인 콘텐츠
9.14 「address」 연락처

10장 콘텐츠 그룹화
10.1 「p」 문단
10.2 「div」 엘리먼트 그룹
10.3 「hr」 문단 구분
10.4 「br」 라인 분리
10.5 「pre」 정의된 텍스트 블록
10.6 「blockquote」 인용문 섹션
10.7 「ol」 순서 의미가 있는 항목 리스트
10.8 「ul」 순서 의미가 없는 항목 리스트
10.9 「li」 항목 리스트
10.10 「dl」 기술 목록
10.11 「dt」 용어, 이름
10.12 「dd」 용어 설명, 값
10.13 「figure」 도해
10.14 「figcaption」 도해 캡션

11장 텍스트 레벨 시맨틱
11.1 「a」 앵커
11.2 트랜스패어런트 콘텐츠 모델
11.3 「em」 의미 강조
11.4 「strong」 중요성 강조
11.5 「small」 주석
11.6 「cite」 결과물의 타이틀
11.7 「q」 인용문
11.8 「abbr」 약어
11.9 「dfn」 용어 정의
11.10 「time」 일시
11.11 「code」 코드
11.12 「var」 변수
11.13 「kbd」 사용자 입력
11.14 「samp」 출력
11.15 「sup」 위첨자
11.16 「sub」 아래첨자
11.17 「i」 이태릭체
11.18 「b」 볼드체
11.19 「mark」 하이라이트
11.20 「ruby」 루비
11.21 「rt」 루비 텍스트
11.22 「rp」 루비 괄호
11.23 「bdo」 방향 형식
11.24 「span」 인라인 그룹

12장 편집
12.1. 「ins」 컨텐츠 추가
12.2 「del」 컨텐츠 삭제
12.3 편집과 「p」 엘리먼트
12.4 편집과 리스트

4부 임베디드 콘텐츠, 캔버스, 테이블

13장 임베디드 콘텐츠
13.1 「img」 이미지
13.2 alt 속성 작성 형태
13.3 「iframe」 인라인 프레임
13.4 「embed」 플러그인
13.5 「object」 외부 콘텐츠
13.6 「param」 플러그인 파라미터
13.7 「map」 이미지 맵
13.8 「area」 이미지 맵 하이퍼링크

14장 비디오, 오디오
14.1 「video」 비디오
14.2 「audio」 오디오 스트림
14.3 「source」 미디어 소스
14.4 자바스크립트로 비디오, 오디오 제어
14.5 미디어 파일 제어 시나리오
14.6 미디어 소스 로드
14.7 미디어 파일 다운로드
14.8 미디어 파일 다운로드 상태
14.9 에러 상태
14.10 비디오 재생, 멈춤
14.11 미디어 재생 위치 지정
14.12 재생 속도 조정
14.13 볼륨 제어
14.14 재생 위치 찾기
14.15 타임라인

15장 캔버스
15.1 「canvas」 엘리먼트
15.2 캔버스 인터페이스
15.3 사각형
15.4 투명도
15.5 삼각형
15.6 원
15.7 서브패스 사용 사각형
15.8 베지어 곡선
15.9 이미지 표현
15.10 라인 스타일
15.11 그라데이션
15.12 패턴 정의
15.13 그림자
15.14 도형 상태의 저장, 복원
15.15 변환 매트릭스
15.16 이미지 합성
15.17 클립
15.18 패스에 좌표 포함 체크
15.19 픽셀 제어
15.20 텍스트

16장 테이블
16.1 테이블 모델
16.2 「table」 테이블
16.3 「caption」 table 제목
16.4 「colgroup」 테이블 칼럼 그룹
16.5 「col」 테이블 칼럼
16.6 「thead」 테이블 헤딩 그룹
16.7 「tbody」 테이블 행 그룹
16.8 「tfoot」 테이블 푸터 그룹
16.9 「tr」 테이블 행
16.10 「td」 테이블 셀
16.11 「th」, 「td」 공통 속성
16.12 「th」 테이블 헤더 셀
16.13 테이블 설명 작성 형태

5부 폼 컨트롤

17장 폼 컨트롤, input 엘리먼트 공통 속성
17.1 name: 컨트롤 이름
17.2 disabled: 컨트롤 비활성화
17.3 value: 컨트롤 값
17.4 autofocus: 자동 포커스
17.5 「input」 엘리먼트 속성 리스트
17.6 autocomplete: 자동 완성
17.7 list: 서제스트 리스트
17.8 readonly: 편집 여부
17.9 size: 넓이
17.10 required: 필수 입력
17.11 multiple: 다수 값 입력
17.12 maxlength: 최대 입력 문자 수
17.13 pattern: 정규 표현식 패턴
17.14 min: 최소 값
17.15 max: 최대 값
17.16 step: 증가 단위 값
17.17 placeholder: 힌트

18장 input 엘리먼트
18.1 「input」 엘리먼트
18.2 「input」 type 일람표
18.3 콘텐츠 속성, type 일람표
18.4 IDL 속성, type 일람표
18.5 text: 텍스트
18.6 search: 검색 필드
18.7 hidden: 히든
18.8 tel: 전화번호
18.9 url: URL
18.10 email: E-Mail 주소
18.11 password: 패스워드
18.12 date: 일자
18.13 month: 연월
18.14 time: 시간
18.15 datetime: UTC 일자, 시간
18.16 datetime-local: 지역화 일자, 시간
18.17 week: 주
18.18 number: 숫자
18.19 range: 숫자 범위
18.20 color: 칼라 피커
18.21 checkbox: 체크박스
18.22 radio: 라디오 버튼
18.23 file: 파일 업로드
18.24 submit: 전송 버튼
18.25 image: 이미지 버튼
18.26 reset: 리셋 버튼
18.27 button: 버튼

19장 폼
19.1 「form」 폼
19.2 form 관련 엘리먼트
19.3 「fieldset」 폼 컨트롤 세트
19.4 「legend」 fieldset 캡션
19.5 「label」 폼 컨트롤 캡션
19.6 「button」 버튼
19.7 「select」 옵션 선택 컨트롤
19.8 「option」 선택
19.9 「optgroup」 option 그룹
19.10 「datalist」 option 세트
19.11 「textarea」 멀티라인 텍스트
19.12 「keygen」 비밀 키, 공개 키 생성
19.13 「output」 계산 결과
19.14 「progress」 태스크 진척도
19.15 「meter」 척도

20장 인터랙티브
20.1「details」 디스클로저 위젯
20.2 「summary」 디스클로저 위젯 캡션
20.3 「menu」 커맨드 리스트
20.4 「command」 커맨드

부록
-엘리먼트 유지/신규/폐지 일람표
-속성/엘리먼트 매트릭스
-엘리먼트/인터페이스 일람표

저자소개

저자 김영보는 1979년 주)코오롱 전산실에 입사한 후 31년 동안 오직 소프트웨어만 개발해 온 옹고집 베테랑 개발자이며 분석가다. 수많은 프로젝트를 수행했으며 산전수전 다 겪은 역전 노장이다. 이런 노하우를 바탕으로 자바스크립트 라이브러리인 MethodChain을 개발, 발표하였으며 지속적으로 발전시켜 나가고 있다. MethodChain은 그의 홈페이지에서 만날 수 있으며 라이브러리 소스 파일을 다운받을 수 있다. 그에게 있어 소프트웨어 개발은 삶 자체다. 한시도 노트북 앞을 떠나지 않는다. 그 순간 순간이 그에게 있어 행복인 것 같다. 그는 스포츠를 매우 좋아한다. 그렇다고 잘하는 것도 아닌 것 같은데 열심히 뛰어 다닌다. 때로는 경기장을 찾아 목소리 높여 응원하기도 한다.

도서소개

HTML 5를 살펴보는 교재 『HTML 5: 차세대 웹 표준 기술』. 이 책은 HTML5를 보다 완전하게 사용하기 위한 사상을 다루고 있다. HTML5의 모든 API에 대해 설명하고 있으며, 예제 소스는 물론 HTML5의 모든 엘리먼트를 하나도 빠짐없이 상세하게 설명했다. 또한 엘리먼트 단위로 추가, 폐지, CSS 스타일로 대체된 속성을 예제와 함께 자세하게 다룬다. 따라서 (X)HTML 책으로도 사용할 수 있으며 자연스럽게 HTML5까지 배울 수 있도록 하였다.
추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.