Thứ Năm, 9 tháng 3, 2017

Bài 3. Phần tử nội dụng (content) của HTML5.

Hỗ trợ sự tương thích trên các trình duyệt cho thành phần HTML5:
Sử dụng file reset.css: khai báo để buộc các phần tử mới của HTML5 hiển thị như một khối (block) thay vì hiển thị inline.

Bài 3. Phần tử nội dụng (content) của HTML5.


- Sử dụng javascript (đối với phiên bản IE  6,7,8)

Bài 3. Phần tử nội dụng (content) của HTML5.


- Phần tử <header>:
-- Đại diện cho một nhóm hỗ trợ giới thiệu hoặc định hướng
-- Có thể chứa: phần tử tiêu đề (h1 -> h6), <hgroup>, bảng chứa nội dung, form tìm kiếm, …
-- Trong HTML5 có thể sử dụng phần tử này nhiều  lần.


Bài 3. Phần tử nội dụng (content) của HTML5.


- Phần tử <nav>:
-- Thường được sử dụng để chứa các thành phần điều hướng cho web.

Bài 3. Phần tử nội dụng (content) của HTML5.


Bài 3. Phần tử nội dụng (content) của HTML5.


- Thành phần <section>:
-- Biểu diễn một vùng chung của tài liệu hoặc ứng  dụng.
-- Nên sử dụng một section khi muốn phân chia nội dung quan trọng như văn bản và hình ảnh, thành các vùng.

Bài 3. Phần tử nội dụng (content) của HTML5.


- Thành phần <article>:
-- Là thành phần tự chứa trong một tài liệu, trang, ứng dụng hoặc site.
-- Có thể lồng phần tử <article> vào trong phần tử <section> Là lựa chọn tối ưu để chứa nội dung sẽ được đăng tải trong những ngữ cảnh khác nhau hay thậm chí trên các thiết bị riêng biệt.
-- Phần tử article có thể có một <header>, <footer>.

Bài 3. Phần tử nội dụng (content) của HTML5.


- Thành phần <aside>:
-- Cách sử dụng:
• Sử dụng cho vùng sidebar của website.
• Sử dụng cho một vùng nội dung liên quan bên trong phần tử <section>.

Bài 3. Phần tử nội dụng (content) của HTML5.


- Thành phần <footer>:
-- Không thuộc lớp các phần tử chia đoạn; có thể có nhiều footer trên một trang web.

Bài 3. Phần tử nội dụng (content) của HTML5.



EmoticonEmoticon