HTML5 Là Gì? Học HTML5 Cơ Bản Và Nâng Cao - VietTuts

Học HTML cơ bản Cú pháp HTML5 cơ bản

Nội dung chính

• HTML5 là gì?
• Trình duyệt hỗ trợ
• Tính năng mới
• Khả năng tương thích ngược
• Học HTML5 cơ bản và nâng cao
• Một số thẻ trong HTML5

HTML5 là gì?

HTML5 là phiên bản lớn tiếp theo của HTML thay thế cho HTML 4.01, XHTML 1.0, và XHTML 1.1. HTML5 là một chuẩn để cấu trúc và hiện diện nội dung trên WWW.

Chuẩn mới này kết hợp các tính năng như Video Playback và drag-and-drop mà trước đây đã phụ thuộc vào plug-ins trình duyệt thứ 3 như Adobe Flash, Microsoft Silverlight, và Google Gears.

HTML5 là kết quả của sự hợp tác giữa W3C và WHATWG (viết tắt của Web Hypertext Application Technology Working Group).

Trình duyệt hỗ trợ

Các phiên bản mới nhất của Apple Safari, Google Chrome, Mozilla FireFox, và Opera hỗ trợ nhiều tính năng HTML5 và IE 9.0 cũng sẽ hỗ trợ một số tính năng HTML5.

Các trình duyệt Mobile web mà đã cài đặt trên iPhones, iPads và Android hỗ trợ tốt cho HTML5.

Tính năng mới

HTML5 giới thiệu một số các phần tử và thuộc tính mới mà giúp xây dựng một Website hiện đại. Dưới đây liệt kê các tính năng tuyệt vời được giới thiệu trong HTML5.

• Phần tử ngữ nghĩa học (semantic) mới: Đó là header, footer, và section.

• Forms 2.0: Nâng cấp Form của HTML web với các thuộc tính mới giới thiệu cho thẻ input.

• Web Storage nội bộ lâu dài: Không dùng đến plugins của bên thứ 3.

• WebSocket : Một công nghệ giao tiếp hai chiều thế hệ mới cho các ứng dụng web.

• Các sự kiện Server-Sent: HTML5 giới thiệu các sự kiện từ Web Server tới trình duyệt web và chúng được gọi là Các sự kiện Server-Sent (SSE).

• Canvas: Hỗ trợ vẽ bề mặt hai chiều mà bạn có thể chương trình hóa với JavaScript.

• Audio & Video: Bạn có thể nhúng Audio và Video trên các trang web mà không cần sự hỗ trợ của plugins bên thứ 3.

• Geolocation: Bây giờ các khách truy cập có thể chọn để chia sẻ vị trí vật lý với ứng dụng web.

• Microdata: Cho bạn tạo các từ vựng của riêng bạn trên HTML5 và mở rộng các trang web của bạn với Custom Semantics.

• Drag và drop: Kéo và bỏ một item từ một vị trí tới vị trí khác trên cùng một trang web.

Khả năng tương thích ngược

HTML5 được thiết kế, nhiều có thể, để có thể tương thích với các trình duyệt web đang tồn tại. Các tính năng mới xây dựng trên các tính năng đang tồn tại và cho phép bạn cung cấp nội dung cho các trình duyệt cũ hơn.

Nó được đề nghị là phát hiện sự hỗ trợ cho từng tính năng HTML5 với một vài dòng JavaScript.

Nếu bạn chưa làm quen với bất cứ phiên bản HTML nào, chúng tôi đề nghị bạn truy cập Bài hướng dẫn HTML trước khi bạn tìm hiểu xa hơn các khái niệm về HTML5.

Học HTML5 cơ bản và nâng cao

• HTML5 là gì ?
• Cú pháp HTML5 cơ bản
• Thuộc tính
• Sự kiện
• Giới thiệu Web Forms 2.0
• Giới thiệu SVG
• Giới thiệu MathML
• Web Storage là gì ?
• Giới thiệu Web SQL
• Sự kiện Server-Sent
• WebSocket là gì ?
• Giới thiệu HTML5 Canvas
• Audio & Video
• Giới thiệu Geolocation
• Giới thiệu Microdata
• Drag & Drop
• Web Worker là gì ?

Một số thẻ trong HTML5

• Tổng hợp các thẻ
• Các thẻ cũ trong HTML5
• Các thẻ HTML5 mới

Các bài hướng dẫn học HTML5 cơ bản và nâng cao của chúng tôi dựa trên nguồn tài liệu của: Tutorialspoint

Học HTML cơ bản Cú pháp HTML5 cơ bản