HTML5
THÀNH PHẦN HTML5
<video> và <audio>
•
Cho phép nhúng file video và audio vào web
•
Không cần dùng plug-in của trình duyệt
<vanvas>
• Cung cấp các tính năng vẽ hoạt hình
• Làm việc giống như một bảng vẽ trên web
• Có thể thêm các mã JavaScript hoặc các tính năng hoạt hình mới của CSS3 để tạo đối tượng trên các bảng vẽ di chuyển,
thay đổi tỉ lệ,…
• Lưu hình ảnh vừa vẽ dưới dạng .png
<canvas>
•
Khai báo <canvas>:
•
Sử dụng javascript
Web from:
• Thành phần form mới trong html khi được thực thi sẽ
giúp quá trình làm việc với các form dễ dàng hơn so
với hiện tại
Một số thành phần mới khác
•
<figure>, <figurecaption>: gán nhãn cho các
hình ảnh trên web.
•
<hgroup>: nhóm một tập các thành phần vào
thành phần hợp lí
Có thể sử dụng nội dung metadata để thiết lập quan hệ giữa
các tài liệu html
•
Thường chứa các từ khóa hoặc mô tả cho trang web, và được
các bộ máy tìm kiếm sử dụng để phân loại trang web
•
Được đặt trong thành phần <head>
NGÔN NGỮ ĐÁNH DẤU HTML5
Vùng flow
•
Đại diện cho các phần tử được coi là nội dung của trang web
•
Các thẻ đánh dấu nội dung đều thuộc vùng này
•
Những phần tử được thêm mới trong html 5:<article>,
<aside>, <audio>, …
NGÔN NGỮ ĐÁNH DẤU HTML5
Vùng Sectioning:
•
Là vùng nội dung mới của html5
•
Bao gồm 4 phần tử: <article>, <aside>, <nav>,
<section>
NGÔN NGỮ ĐÁNH DẤU HTML5
Vùng heading:
•
Chứa tất cả phần tử tiêu đề tiêu chuẩn hiện đang được sử
Dùng javascript (đối với IE 6,7,8)
CONTENT 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 html 5 có thể dùng phần tử này nhiều lần
CONTENT HTML5
Phần tử <nav>:
•
Thường dùng để chứa các thành phần điều hướng cho
web
CONTENT HTML5
CONTENT 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
CONTENT HTML5
Copyright: Tài liệu đại học ©