Html5 boiler plate

1. HTML5 BOILERPLATE
Nhóm 2

2. Bạn xây dựng một website
Và chạy nó trên các trình duyệt
phổ biến hiện nay như: Chrome,
Firefox, InternetExplorer ...

3. Lỗi xảy ra: vỡ layout, lệch div …

4. Cách khắc phục ?

5. Boilerplate là gì ?
Hoạt động ra sao ?

6. • HTML5 Boilerplate là 1 template dành cho
DEV về HTML5 nhưng vẫn chạy được trên
các trình duyệt chưa hổ trợ các TAG của
HTML5
• Template HTML5 Boilerplate có độ tương
thích cao giữa các trình duyệt với nhau.
http://github.com/paulirish/html5-boilerplate/zipball/v1.0stripped

7. Các thành phần :
1. Định hình toàn bộ document
2. Khai báo thẻ meta
3. Phần chính yếu là css và js
4. Nội dung body

8. 1. Định hình toàn bộ cho document
Phần này dùng để phân biệt các trình duyệt IE với các version khác nhau
và với trình duyệt khác IE

9. 2. Khai báo thẻ meta
Meta charset: mã hóa
Meta http-equiv X-UA-Compatible : Tương thích trình duyệt IE
Meta viewport: Đối với các thiết bị điện thoại

10. 3. Css và Js
File CSS này nó có các thành phần như CSS Reset.

11. 3. Css và Js
File CSS media queries.

12. 3. Css và Js
File JS Modernizr
- File JS này modernizr-1.7.min.js có nhiệm vụ gì? và tại sao nó lại nằm ở trên
phần tag head của document và lại nằm trên các JS của khác của document?
- modernizr-1.7.min.js dùng để chạy trước tiên khi event load của document
- Khi modernizr-1.7.min.js được chạy trước thì nó làm cho các tag HTML5 này có
các chức năng gần như 1 trình duyệt hổ trợ HTML5 nếu trình duyệt không hỗ trợ
tốt HTML5

13. 4. Nội dung body
Nội dung
Load footer, js footer