목차만 봐도 HTML 태그들을 어떻게 분류했는지, 새로 생긴 태그들이 무엇인지 한 눈에 알 수 있다.
CSS 부분도 속성들을 한 눈에 파악할 수 있다.

웹 입문자들과 이미 웹을 알고 있는 이들에게 모두 도움이 되리라 생각한다.
 
HTML 파트는 태그들을 카테고리별로 분류하여 소개하고 있다.
그 분류가 다양하고, 태그들이 분류 기준에 따라 여러 카테고리에 속하기도 해서 완벽하게 다 알 수는 없겠지만 조금은 정리가 되는 듯 하다.
 마크업의 구조와 용어들이 잘 설명되어 있고(초보자에게 큰 도움이 될 듯), 형광펜으로 마킹한 듯, 빨간 볼펜으로 메모한 듯 구성되어 있어 보기 편하다.
 비교할 내용들은 O, X로 표시하고, 개별 HTML 요소 설명하는 부분에서는 태그와 그 기능이 표로 정리되어 있어 이해를 돕는다.
태그의 카테고리, 속성과 속성값, display 스타일 등이 잘 설명되어 있고, 간단한 소스가 있으니 직접 확인해 볼 수 있다.

한가지 아쉬운 점은 직접 코딩해 보지 않고도 결과를 알 수 있도록 결과 화면이 같이 있었으면 하는 것이다.
(몇몇 태그만 결과 화면이 있다.)
 
개인적으로 가장 좋다고 생각하는 점은 새로 생긴 HTML5 요소 및 속성 중 폼 서식이 상당히 자세히 설명되어 있는 것이다.

입력 폼 양식들은 매우 자주 쓰이고, 그 용도나 형식이 다양해서 유효성 검사를 하기도 까다로웠는데,
기본 타입들이 많이 추가되어 반가웠고, 이 책에서는 그 사용 예들을 비교적 자세히 소개하고 있다.
 
CSS파트는 개요, 작성 방법 등을 기본적으로 소개하고 있으며, CSS 선택자들이 종류별로 구분하여 이해하기 쉽게 설명하고 있다.
그 다음 상세하게 CSS 속성들이 설명되어 있는데, 속성들의 값들, 기본값, 상속 여부, 지원하는 웹브라우저 종류 및 버전(IE) 정보들이 표로 깔끔하게 정리되어 있다.
속성만 보고 이해가 어려운 부분은 그림과 그래프, 결과화면 등을 이용하여 자세히 설명하고 있다.
컬러 북이라서 그림으로도 구분이 잘 되고 태그, 속성, 값, 주석 등 소스 보기가 편하게 되어 있다.
 
실전 준비를 위한 프로젝트..
프로젝트를 위한 예제가 소스와 CSS 구성까지 비교적 자세히 설명이 되어 있어 이해하면서 따라하기에 무리가 없는 것 같다.
프로젝트 예제를 실습해 보면 실제로 사용되는 웹화면의 레이아웃이나 메뉴구성, 여러 효과들을 충분히 익힐 수 있을 것 같다.

마지막 부분에 설명된 웹 접근성은 평가 방법이나 오류에 대한 예시들이 조금 소개되어 있다.
맛보기 정도인 것 같다.
 
전반적으로 웹표준 핵심 가이드2는 HTML5 및 CSS를 비교적 쉽게 익히는데 많은 도움이 될 것 같다.

웹표준 핵심가이드북 xhtml & css 는 많은 분들이 기본서로 가지고 있거나 공부했을 것입니다.

그 후에 나온 이책은 전체적으로 그 명성을 이어받아도 되는 물건 같습니다.

물론 완벽한 책은 없다고 생각합니다. 따라서 단점도 존재하구요..

다만 전체적으로 상위점을 줄 수 있다고 봅니다.

일반적으로 it도서들은 대부분 흑백에 지루합니다.

이책은 컬러 편집이 잘되어있는 책이라고 생각합니다

지속적으로 공부가 가능합니다.

전편도 그래서 꾸준하게 달릴 수 있었던 것 같네요..

html5와 xhtml의 비교도 깔끔하게 되어있습니다.

특히, 여러태그 표에서 새로운 태그는 new라고 따로 기재가 되어있어서 비교가 쉽습니다.

다만 css3는 그렇지 않아서 아쉽습니다.

또한 css3에서 선택자의 구체성이라고 되어있는 부분은 저번 책에서는 점수로 설명했었는데 이번에는 왜 이렇게 설명되었는지 비교 설명이 없어서 좀 헷갈렸습니다.

css3는 속성이 적용된 모습을 컬러로 보여주어서 바로 이해하기 쉽게 되어있습니다.

그리고 column속성 설명에는 변형 소스로 여러가지 모습으로 바뀌는 화면을 넣어주어서 상당히 괜찮습니다.

그리고 전체적으로 각 속성마다

속성값 , 기본값, 상속여부, 지원 웹브라우저가 알아보기 쉽게 되어있습니다.

나중에는 실습해볼 수 있게 단계적으로 코딩하는 법이 나오는데 이해시켜주는 그림들이 많아서

초보자들에게 좋은 길라잡이가 될 것으로 보입니다.

전체적으로 알아보기 쉽고 지루하지 않게 구성한 책이라 기본서로서 공부하기 쉬울 것으로 보입니다.

따뜻한 오렌지 컬러가 참 이뻤던 이 책은,
첫인상 만큼이나... 굉장히 친절하게 새로운 태그를 어떤 식으로 사용해야 하는지 알려줍니다.

하루하루 급하게 새로운 기술이 나타나며 쫓아가기에 급급하지만,
이 책은 그 새로운 것들이 기존의 태그들과 어떻게 어울릴 수 있고, 웹이라는 공간에서 나눠진 구조 속에서 어느 곳에 위치해야 가장 적당한지 그 성격들을 처음부터 잡아줍니다.
물론, 이 책이 초급자용은 아니지만... 초급자가 봐도 될 정도로 친절한 설명과 확실히 공부할 수 있도록 실전예제와 같은 방식으로 가상의 사이트를 만들어보도록 하면서 확실히 기억할 수 있도록 진행됩니다.

이전의 책에서 이어지는 시리즈 성격의 2번째 책 답게, 이전의 책으로 이론적 베이스를 잡고 이 책을 본다면 훨신 효율적으로 공부할 수 있을거라고 생각합니다.

스쳐지나가듯 접했던 html5 와 css3의 속성들에 대한 개념이 이책 한권으로  정확하게 잡히고, 미처 알지 못했던 태그들을 발견하며 가상의 프로젝트 속에서 하나하나 움직여보고 만들어보는 과정을 지루하지 않게 재미있게 따라갈 수 있도록 구성되어 있어서 좋았습니다.

또한, 마지막 보너스처럼 들어있던 웹접근성에 대한 부분 역시 작업할때 어떤 식으로 작업해야 반쪽짜리 사이트가 되지 않는 것인지 예시로 보여주며 개선 방법을 설명해주고 있어 앞으로 작업할 때 많은 도움이 될 것 같습니다.

첫번째 책 만큼 이 책도 완전 강추할만 한 것 같습니다 ㅎㅎ

요즘 제가 관심있는 분야가 html5과 css3, 그리고 jquery등인데 원래 먼저 공부한것은 jquery였습니다.

그런데 jquery에 대해서 공부를 하다 보니까 html5과 css3에 대해서 공부할 필요성이 생겼습니다.

그래서 관련 도서를 구입해서 공부를 했지만 이 책만큼 쉽게 공부할 수 있는 책은 없더군요...

우선 다른 부분보다 css3와 레이아웃에 대한 부분은 집중적으로 봤는데 친철하고 쉽게 설명이 되어서

좋았습니다. 사실 저는 웹 개발을 본격적으로 한것은 1999년부터였는데 그때 배운것을 아직까지 우려먹고(?) 있어서 지금 트랜드에는 많이 뒤떨어져 있었는데 이 책으로 공부를 하면서 자신감이 생겼습니다.

비록 막상 실무에 적용을 할려면 헤멜지도 모르겠지만요...전체적인 내용에 대해서 만족을 하지만

이왕이면 저와 같이 예전 방식에 익숙해서 레이아웃 설정 하는것을 테이블 방식으로 하다가

웹 표준 방식으로 변경할려고 하는 분들이 많을듯 한데, 저와 같은 사람을 위해서 이 부분에 대한

별도의 책도 필요하다고 생각합니다.

다음 집필때는 저와 같은 사람들을 위해서 웹 표준 방식의 레이아웃을 쉽게 할 수 있도록 별도의

책이 나왔으면 하는 바램입니다..다양한 레이아웃에 대한 예제도 경험해 볼 수 있었으면 하는 바램에서

서평을 마칠까 합니다.

웹 표준 핵심 가이드북 2 HTML5+CSS3

늘 관심있고 공부하고 있으며 직업인 웹표준, 마크업개발자로

책을 하나씩 읽어보았는데 아래의 목차에서도 알 수 있는 것처럼

꼼꼼한 구성과 다양한 접근의 방법에 대하여 고심한 것이 느껴졌습니다.^^

그리고 html5에서 새로 생긴 테그에 대한 표기들도 하여 더욱 좋았습니다.

css3는 현재 PC에서 하위 호환성으로 인해 지양하고 있는 상태인데요^^ㅋ

하지만, 모바일에서는 css3를 사용하여 표현하는데 사용하는 것을 하나씩 찾아보고

적용하는 번거로움이 있었는데 책으로 한눈에 볼 수 있어서 좋았습니다.

현재 직업으로 하시는 분이나 직업을 희망하시는 분들 또는 관심있으신 분들이 보고 따라하기 좋게 만들어진거 같습니다.

다음 책도 기대해봐야겠네요^^ㅎ

감사합니다.^^

Part 01 HTML5 Markup

Section 01 새로운 표준, HTML5

HTML5의 탄생

HTML4.01, XHTML1.0과 HTML5의 차이점
1. 콘텐츠 모델(Content Models)
2. 아웃라인 알고리즘(Outline Algorithm)
3. 다양한 API의 추가

HTML5 Markup의 기초
1. 요소(element)와 태그(tag)
2. HTML5 서식
3. DOCTYPE
4. 문자 인코딩
5. 유효성 검사(Markup Validatiion)

Section 02 HTML5 요소

문서를 구성하는 기본 요소
1. 루트 요소 〈html〉
2. 문서 메타데이터의 집합 〈head〉
3. 문서의 본문 〈body〉

문서의 메타데이터
1. 문서 제목 〈title〉
2. 문서 정보 〈meta〉
3. 스타일 시트 삽입 〈style〉
4. 외부 문서의 연결 〈link〉
5. 문서의 기준 URL 지정 〈base〉

스크립팅
1. 스크립트 삽입 〈script〉
2. 스크립트 미지원 웹 브라우저를 위한 대체 콘텐츠 〈noscript〉

구조를 나타내는 요소
1. 콘텐츠 섹션 〈section〉
2. 내비게이션 〈nav〉
3. 독립된 콘텐츠 〈article〉
4. 본문 콘텐츠와 연관성이 적은 콘텐츠 〈aside〉
5. 헤더 〈header〉
6. 푸터 〈footer〉
7. 사이트 연락처 정보 〈address〉
8. 콘텐츠 제목 〈h1〉~〈h6〉

그룹
1. 콘텐츠 그룹화 〈div〉
2. 주요 콘텐츠 〈main〉
3. 단락 〈p〉
4. 비순서형 목록 〈ul〉
5. 순서형 목록 〈ol〉
6. 정의형 목록 〈dl〉, 〈dt〉, 〈dd〉
7. 콘텐츠 포함을 위한 그룹과 캡션 〈figure〉(new), 〈figcaption〉
8. 인용문 〈blockquote〉
9. 형식화된 텍스트 그룹 〈pre〉
10. 단락의 주제별 구분 〈hr〉

텍스트 레벨의 시맨틱 요소
1. 하이퍼링크 〈a〉
2. 강조 〈em〉
3. 중요성 〈strong〉
4. 관례상 이탤랙체를 사용하는 콘텐츠 〈i〉
5. 보편적으로 굵은 글씨를 사용하는 콘텐츠 〈b〉
6. 하이라이팅 콘텐츠 〈mark〉
7. 작은 글씨로 표현하는 콘텐츠 〈small〉
8. 축약어 〈abbr〉
9. 인용문의 출처 〈cite〉
10. 인라인 인용문 〈q〉
11. 시간 및 날짜 〈time〉
12. 소스 코드 〈code〉
13. 변수 값 〈var〉
14. 프로그램 출력 〈samp〉
15. 키보드 입력 〈kbd〉
16. 첨자 〈sup〉, 〈sub〉
17. 용어 정의 〈dfn〉
18. 루비 콘텐츠 〈ruby〉(new), 〈rp〉(new), 〈rt〉
19. 텍스트 방향 〈bdo〉, 〈bdi〉
20. 줄바꿈 〈br〉, 〈wbr〉
21. 인라인 콘텐츠 그룹화 〈span〉

수정 및 편집 
1. 추가 〈ins
2. 삭제 〈del〉

포함 요소
1. 이미지 〈img〉
2. 인라인 프레임 〈iframe〉
3. 객체 삽입 〈embed〉
4. 객체 삽입 〈object〉, 〈param〉
5. 동영상 및 오디오 〈video〉, 〈audio〉, 〈source〉, 〈track〉
6. 비트맵 이미지 〈canvas〉
7. 이미지 맵 〈map〉, 〈area〉

표 관련 요소
1. 표 〈table〉, 〈tr〉, 〈th〉, 〈td〉
2. 표의 캡션 〈caption
3. 열 그룹 〈colgroup〉, 〈col〉
4. 행 그룹 〈thead〉, 〈tbody〉, 〈tfoot〉

폼 관련 요소 
1. 폼 〈form
2. 폼 서식 그룹 〈fieldset〉, 〈legend〉
3. 서식 레이블 〈label〉
4. 다양한 폼 서식 〈input〉
5. 버튼 〈button〉
6. 목록 서식 〈select〉, 〈optgroup〉,〈option〉
7. 입력 값 후보 〈datalist〉
8. 여러 줄 글상자 〈textarea
9. 키(쌍) 생성 〈keygen〉
10. 출력 값 〈output〉
11. 진행 상황 〈progress〉
12. 한정된 범위 값 〈meter〉

인터랙션 요소와 전역 속성
1. 상세 설명 〈details〉, 〈summary〉
2. 대화상자 〈dialog〉
3. 전역 속성

Part 02 CSS Design

Section 01 CSS에 대하여

CSS의 이해
1. CSS란?
2. CSS의 과거와 현재
3. CSS 사용의 의의

Section 02 CSS 기초 

CSS 규칙 
1. CSS 기본 문법 
2. CSS 주석 및 단위 
3. CSS 적용하기 

Section 03 CSS 선택자 

선택자의 종류
1. 전체 선택자(Universal Selector)
2. 요소 선택자(Type Selector)
3. 클래스 선택자(Class Selector)
4. 아이디 선택자(ID Selector) 
5. 속성 선택자(Attribute Selector) 
6. 가상 클래스 선택자(Pseudo?classes Selector) 
7. 가상 요소 선택자(Pseudo?element Selector) 

선택자 결합 
1. 하위 선택자(Descendant Combinator) 
2. 자식 선택자(Child Combinator) 
3. 형제 선택자(Sibling Combinators) 
4. 선택자 그룹화 

선택자 우선순위 

Section 04 CSS 속성

폰트(Font) 
1. font?family
2. font?weight
3. font?stretch
4. font?style
5. font?size
6. font?size?adjust
7. font
8. font?synthesis
9. @font?face
10. font?variant
11. font?feature?settings
12. font?kerning
13. font-language?override

텍스트(Text)
1. text?transform
2. white?space
3. tab?size
4. line?break
5. word?break
6. hyphens
7. overflow?wrap/word?wrap
8. text?align
9. text?align?last
10. letter?spacing
11. word?spacing
12. text?indent
13. text?decoration
14. text?shadow

박스 모델(Box Model)
1. display
2. padding
3. border
4. margin
5. width, height
6. min?width, min?height, max?width, max?height
7. visibility
8. overflow
9. overflow?style
10. marquee?style, marquee?loop, marquee?direction, marquee?speed
11. rotation, rotation?point

색상 및 배경(Color & Background)
1. color
2. opacity
3. background?color
4. background?image
5. background?repeat
6. background?attachment
7. background?position
8. background?clip
9. background?orgin
10. background?size
11. background

테두리(Border)
1. border?color
2. border?style
3. border?width
4. border?radius
5. border?image?source
6. border?image?slice
7. border?image?repeat
8. border?image?width
9. border?image?outset
10. border?image
11. box?decoration?break
12. box?shadow

배치(Float & Position)
1. float
2. clear
3. position
4. top, right, bottom, left
5. z?index
6. clip

다단(Multi Column)
1. column?width
2. column?count
3. columns
4. column?gap
5. column?rule
6. column?span
7. column?fill
8. break?before, break?after, break?inside

변형(Transform)
1. transform
2. transform?origin
3. transform?style
4. perspective
5. perspective?origin
6. backface?visibility

변환(Transition)
1. transition?property
2. transition?duration
3. transition?timing?function
4. transition?delay
5. transition

애니메이션(Animation)
1. @keyframes
2. animation-name
3. animation?duration
4. animation?timing?function
5. animation?iteration?count
6. animation?direction
7. animation?play?state
8. animation?delay
9. animation?fill?mode
10. animation

유연한 박스 레이아웃(Flexible Box Layout)
1. display : flex, display : inline?flex
2. flex?direction
3. flex?wrap
4. flex?flow
5. order
6. flex?grow
7. flex?shrink
8. flex?basis
9. flex
10. justify?content
11. align?content
12. align?items, align?self

사용자 인터페이스(User Interface)
1. content
2. box?sizing
3. outline
4. outline?offset
5. resize
6. text?overflow
7. cursor

미디어 쿼리(Media Query)
1. Media Query의 사용
2. Media Query의 변화와 특징
3. Media Query의 조건식

Part 03 프로젝트

Section 01 웹 카페 제작을 위한 준비

웹 카페 제작 방향
1. 웹 카페 사이트 구성
2. 기술적 요소

웹 카페 제작 가이드(WSG)
1. 마크업 가이드
2. CSS 가이드

Section 02 HTML5를 활용한 웹 카페 Markup

레이아웃 설계
1. 공통 레이아웃
2. 메인 및 서브 콘텐츠 레이아웃

공통 콘텐츠 영역 Markup
1. 헤더 영역
2. 비주얼 콘텐츠
3. 슬로건 콘텐츠
4. 푸터 영역

메인 콘텐츠 Markup
1. 로그인
2. 유효성 검사 링크
3. 웹 관련 용어 설명
4. 웹 카페 검색
5. 공지사항 및 자료실
6. 새소식
7. 신규 이벤트
8. 관련 사이트
9. 인기 사이트

서브 페이지 콘텐츠 Markup
1. 트위터
2. HTML5 소개365
3. 이미지 자료실371
4. 묻고 답하기377
5. 회원가입381

Markup 문법 준수
1. Markup 유효성 검증

Section 03 CSS3를 활용한 웹 카페 UI 디자인

기초 공사
1. 스타일 재설정 및 초기화
2. 숨김 콘텐츠
3. 기본 스타일

레이아웃
1. 레이아웃 설계

공유 콘텐츠 Style
1. 헤더 콘텐츠
2. 비주얼
3. 슬로건
4. 푸터 콘텐츠

메인 콘텐츠 Style
1. 로그인
2. 유효성 검사 링크
3. 웹 관련 용어
4. 웹 카페 검색
5. 공지사항 및 자료실40
6. 새소식
7. 신규 이벤트와 관련 사이트
8. 인기 사이트

서브 페이지 콘텐츠 Style
1. 트위터
2. HTML5에 대해
3. 이미지 자료실
4. 회원가입

Part 04 웹 접근성

Section 01 웹 접근성 개선 프로젝트

웹 접근성 향상을 위한 전략
1. 장차법과 웹 접근성
2. 웹 접근성 향상을 위한 방법론
3. 웹 콘텐츠 접근성 지침

웹 접근성 점검을 위한 준비
1. 웹 접근성 검사 도구
2. 체크리스트
웹 접근성 평가
1. 웹 카페 사이트 점검

  책 표지에 보면 '웹 표준 교과서'라는 표현이 있다.

  그에 딱 맞는 책이 아니었나 생각한다. 완전 초보를 위한 기본서가 아님에도 불구하고 수많은 태그와 속성들을 일일이 열거하고 설명해 주며, 알기 쉬운 예제를 포함한 친절한 책이다. 때문에, 얇지 않은 두께에도 불구하고 쉽게 읽히는 편이라는 것이 장점인 듯. 책 내부 디자인도 읽기에 편하고 핵심 부분에 대한 표시가 시인성 있게 구성되어 있다고 생각한다.

  비전공자로 IT업계에 몸담고 있는 입장에서, 항상 기본과 기초가 중요하다는 것을 뼈져리게 느낀 적이 한 두 번이 아니다. 이런 과도한(?)친절함은 어찌보면 고리타분해 보일 수도 있지만 가장 기본적인 부분까지도 건드리고 있기 때문에 도움이 필요한 순간에 목차를 훑어보다 보면 도움이 되는 경우가 꽤나 많다.

  책은 크게 기본적인 태그와 속성들에 대한 설명 및 예제 부분과, 웹 카페라는 이름의 실습 프로젝트를 처음부터 차근차근 직접 만들어 볼 수 있게 구성되어 있다. 지나치게 고급레벨도 아니고, 지나치게 기초적인 책도 아니다. 이제 막 실전 프로젝트에서 html5&css3를 쓰려고 하는 분들이 보면 아주 유용할 것 같다. html5를 쓴다고는 하지만 실제 이용하는 태그나 속성들을 보면 xhtml과 다름없이 쓰는 사람들도 숱하게 보아 온 입장에서 이 책을 권해주고 싶다. 나 역시 그 중 한 명이기도 하다.

  html에 대한 기본이 없는 분들은 저자의 이전 책인 '웹 표준 핵심 가이드북 xhtml+css'를 보거나 'head first html&css'를 읽은 뒤 보는 것을 추천한다.