HTML5 BOILERPLATE를 소개합니다.

HTML5 ★ BOILERPLATE
INTRODUTION
TO

웹 개발 현장의
표준 파일 세트
팀원들이 즉시 웹 개발을
무리없이시작할 수 있도록 일반적인 사항들을
수립하여 하나의 표준 파일
세트를 만들어 놓고 진행
하는 것이 좋다.

Paul Irish
바울 아이리쉬
A Rock-solid default
for HTML5 awesome
”
“

TML5 웹을 개발 하는데
있어 파생된 수 많은 모범
사례 중 필요한 사례를
결합하여 HTML5
프로젝트에 있어 최소한
으로 선행 되어야할
기본 초석을 제공
SAFEFoundation work
H

HTML5 ★ BOILERPLATE
The web’s most
popular front-end
template
Download v4.2.0
http://html5boilerplate.com/

git clone
https://github.com/h5bp/html5-boilerplate
https://github.com/h5bp/html5-boilerplate

Initializr
http://www.initializr.com/

H5BP ★ DIRECTORY
css
js
img
index.html
404.html
crossdomain.xml
humans.txt
robot.txt
favicon.ico
apple-touch-icon.png
apple-touch-icon-*.png
애플 장치의 홈 등록용 아이콘
세트
웹 크롤러를 제어 파일
인간을 위한 정보를 작성 하는
파일
(iGoogle의 humans.txt)참고
Flash 용 크로스 도메인 정책에
대한 파일

H5BP ★ DIRECTORY
css
js
img
index.html
404.html
crossdomain.xml
humans.txt
robot.txt
favicon.ico
apple-touch-icon.png
apple-touch-icon-*.png
Index.html 파일,
HTML5를 위해 작성되어야 할
여러 사항이 선행 작성되어 있음
• IE6의 Chrome Frame 대화 표시
• IE를 위한 조건부 주석 코멘트
• X-UA-Conpatible
• Javascript always at the bottom
• jQuery의 loading fallback
• Google Analytics의 비동기로드
최적화

H5BP ★ DIRECTORY
css
js
img
main.css
normalize.css
main.js
plugins.js
vendor
jquery-1.9.1.min.js
modernizr-2.6.2.min.js
기본 속성값을 표준화 하기위해
정의된 스타일 시트 전통적으로
재 설정되는 빈도가 높은 값의
집합
• HTML5 요소를 지원하지 않는
브라우저를 위한 표시 처리
• iOS의 방향 변경시 텍스트
조정
• 모바일의 사용자의 줌
기능 방지 처리
• form 요소의 표시를 최적화
처리

H5BP ★ DIRECTORY
css
js
img
main.css
normalize.css
main.js
plugins.js
vendor
jquery-1.9.1.min.js
modernizr-2.6.2.min.js
- modernizr
HTML5, CSS3의 기능을 사용할
수 있는지 여부를 테스트하고
그 결과를 <html>태그의 클래스
이름으로 설정 해주는
라이브러리
- html5shiv
IE8이하 브라우저에서 HTML5
태그를 인식하고 스타일을
설정할 수 있도록 해주는
라이브러리(해당 파일에 포함)
http://modernizr.com/https://code.google.com/p/html5shiv/http://responsejs.com/

humans.txtwe are people, Not Machines
robots.txt는 로봇을 위한 설명이라면,
humans.txt는 사람을 위한 설명이다.

HTML5 BOILERPLATE를 소개합니다.

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie HTML5 BOILERPLATE를 소개합니다.

Ähnlich wie HTML5 BOILERPLATE를 소개합니다. (20)

Mehr von 우영 주

Mehr von 우영 주 (19)

HTML5 BOILERPLATE를 소개합니다.

Hinweis der Redaktion