HTML5 01 – Giới thiệu về HTML5

0
409

Bài đầu tiên trong series về HTML5, tôi sẽ giới thiệu cho các bạn những khái niệm đầu tiên trong HTML5, HTML5 là gì?, sự khác nhau giữa HTML5 so với HTML4, nhưng điểm mới trong HTML5 hỗ trợ, …

Chúng ta bắt đầu đi vào tìm hiểu từng nội dung nhé.

html5 là gì?

HTM5 là gì?

HTML5 là phiên bản nâng cao và mới nhất của HTML. HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa.

HTML5 không thay thế cho HTML4 mà nó vẫn sẽ giữ lại những đặc điểm cơ bản của HTML4 và bổ sung thêm các đặc tả nổi trội của XHTML, DOM cấp 2, đặc biệt là JavaScript.

HTML5 được sử dụng để  xây dựng các ứng dụng chạy trên PC , thiết bị di động (Smartphone , tablet,…).

Tại sao lại phát triển HTML5?

Thực chất thì HTML4 (xuất bản lần đầu năm 1997) đã làm khá tốt nhiệm vụ của mình, nhưng cái hạn chế ở đây chính là về chức năng của HTML4, bắt buộc phải thông qua các Plugin như Flash để cung cấp các văn bản và các hình ảnh đơn giản hơn. Nhiều ứng dụng web được phát triển dựa trên Java cũng được nhúng trên các trang web HTML. Với tất cả plugin sẽ trở nên khó khăn để duy trì các chuẩn phù hợp.

Giải pháp lý tưởng nhất là mỗi trình duyệt hiển thị các trang web theo cùng một cách để mang lại trải nghiệm tương tự cho người dùng. Để hiển thị các kết quả tương tự trên các trình duyệt, các nhà phát triển web phải triển khai cách sửa lỗi và khắc phục nhanh chóng trong các phần khác nhau của trang web để phù hợp với các quy trình render khác nhau. Điều này trở nên rườm ra và mất rất nhiều thời gian. Vì vậy HTML5 được phát triển.

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 trong HTML5

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, các thẻ có ý nghĩa: đó là <header>, <footer>, <article> 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.

Kết luận

Như vậy, ở bài đầu tiên trong series học lập trình HTML5, tôi đã giúp các bạn có cái nhìn tổng quan nhất về ngôn ngữ HTML5 để giúp các bạn dễ dàng hơn trong việc tiếp cận với nó. Hẹn gặp lại các bạn trong bài kế tiếp.

Chúc các bạn học tập tốt!

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây