Tổng quan về HTML5 mà bạn cần lưu ý

Nếu bạn đang học cách thiết kế web hoặc phát triển nó trong thời gian gần đây hay thậm chí bạn là một chuyên gia trong lĩnh web, chắc chắn bạn đã nghe mọi người nhắc đến [HTML] 5 ở một nơi nào đó. Vậy HTML 5 là gì?

Bài viết dưới đây, Dân Công Nghệ sẽ cung cấp cho bạn một cái nhìn tổng quan về những gì HTML đang cố gắng đạt được và nơi bạn có thể tìm kiếm thông tin chi tiết về ngôn ngữ này.

HTML 5 là gì?

Về cơ bản, HTML 5 là một phiên bản mới của HTML / XHTML trong đó nó đặc biệt tập trung vào những mong muốn và nhu cầu của các nhà phát triển ứng dụng web. Nó cho phép các nhà phát triển thực hiện nhiều tính năng mới trong những điều mà họ tạo ra, ví dụ có rất nhiều chức năng kéo và thả mới, các yếu tố kết cấu mới cũng được cải thiện nhằm  hỗ trợ cho âm thanh và video.

Tại sao nó được phát triển?

Cho đến năm 2004, ngôn ngữ HTML được phát triển bởi World Wide Web Consortium. Rất nhiều nhà phát triển đã thất vọng với những cải tiến  trong ngôn ngữ HTML mà W3C đã đề xuất, nhiều ý kiến cho thấy họ đã mất liên kết với các nhu cầu của web hiện đại và phát triển ứng dụng. Một nhóm mới có tên WHATWG (Web Hypertext Application Technology Working Group) nắm quyền phát triển ngôn ngữ này và đã đặt tên nó là các chi tiết kỹ thuật của HTML 5.

Vậy, các tính năng chính của HTML 5 là gì?

Tôi đã nói về việc tại sao HTML 5 đang được phát triển, nhưng kết quả của nó là gì? Vâng, chúng ta hãy xem xét một số tính năng chính mà HTML 5 hiện đang sử dụng.

1. The video element (Yếu tố video)

HTML 5 cho phép bạn nhúng video với yêu cầu có [plugin] hoặc codec, Điều này có nghĩa,  với HTML 5  tính năng video đã được xây dựng sẵn trong đó.

Tìm hiểu thêm về các video

2. The canvas element (Yếu tố canvas)

Về mặt kỹ thuật, yếu tố canvas cho phép vẽ đồ họa trên nền web. Trong điều khoản của người dùng cuối cùng , nó sẽ cho phép tạo ra những thứ như biểu đồ, hình ảnh động và biểu đồ / đồ thị. Bạn có thể thấy một ví dụ có thể được thực hiện với canvas, thậm chí ở giai đoạn này, trên Mozilla.

Tìm hiểu thêm về các yếu tố canvas

3. Local storage (Kho lưu trữ cục bộ)

Giống như các tập tin cookie, HTML 5 gia tăng chức năng lưu trữ thông tin dựa vào web cục bộ trên máy tính của bạn. Sự khác biệt chính ở chức năng cookie là hầu hết các dữ liệu HTML 5 cho phép bạn lưu trữ, dữ liệu phụ thuộc vào các ứng dụng web.

Tìm hiểu thêm về kho lưu trữ trong HTML 5

4.Web workers

Theo phạm vi [WHATWG], Web workers định nghĩa một API chạy dưới nền web, độc lập với các script khác và không làm ảnh hưởng đến hiệu suất của trang . Về cơ bản, điều này cho phép các trang web mã nặng chạy mượt hơn. Inimino cho rằng “ workers có thể được mở bởi các trang, chạy ở chế độ nền nên không ảnh hưởng đến giao diện tương tác của trang web người dùng , và thông báo cho trang khi công việc được thực hiện. Trong thời gian này, trang web có thể tương thích ngược với các công việc thông thường khác"

Tìm hiểu thêm về web workers

Như đã nói ở trên, HTML 5 không chỉ cải thiện quá trình tạo ra các ứng dụng mà nó còn cải thiện các chức năng cơ bản của trang web bằng cách làm cho các hoạt động mượt mà và trực quan hơn.

Khi nào tôi có thể bắt đầu sử dụng HTML 5?

Câu trả lời đơn giản, ngay bây giờ! Mặc dù bạn không cần bắt đầu sử dụng HTML 5 ngay lập tức, nhưng một số trình duyệt chính đang bắt đầu hỗ trợ các ngôn ngữ trong các phiên bản gần đây, có nghĩa là các tính năng trên đã tích hợp cho những người sử dụng trình duyệt mới. Deep blue sky gần đây đã đăng một trình duyệt tuyệt vời hỗ trợ cho cả HTML 5 và [CSS]3.

Hướng dẫn HTML 5

Chúng ta có thể gặp một vài khó khăn khi sử dụng HTML 5, dưới đây là một số hướng dẫn tuyệt vời giúp bạn cải thiện điều này.

Coding a HTML 5 layout from scratch

HTML 5 and CSS3: The techniques you’ll soon be using

Designing a blog with HTML 5

HTML 5 tutorial – A simple web page layout 

Ví dụ html 5

Đã có rất nhiều trang hiển thị các ví dụ về chức năng HTML 5, bạn có thể tìm thấy một vài ví dụ dưới đây:

HTML 5 Showcase

HTML 5 forms demo

Drag and dr op ality

HTML 5 Geolocation Demo

HTML 5 Canvas Particle

Nguồn HTML 5

Các liên kết này sẽ giúp bạn tìm hiểu thêm về HTML 5 và  có thể chúng sẽ giúp bạn cập nhật  thêm nhiều  kiến thức mới khi học ngôn ngữ này.

HTML 5 cheat sheet

Trên đây là một số thông tin tổng quan về html 5 mà bạn cần lưu ý. Tính năng của html 5 cùng với các nguồn tài nguyên về ngôn ngữ này sẽ là nguồn tham khảo hay cho trang web của bạn.

Tâm Tú