HTML5 là gì? Phát triển và thiết kế web vượt trội với HTML5

Lịch sử phát triển của HTML5

Năm 1989: “World Wide Web” ra đời nhờ phát minh của Tim Berners-Lee.
Năm 1990: Internet ra đời.
Năm 1991: HTML ra đời, cho đến năm 1998 thì đã được cải tiến từ phiên bản 1 đến phiên bản 4.
Năm 2000: Phiên bản XHTML 1.0 ra đời nhờ tổ chức World Wide Web Consortium (W3C).
Năm 2004: W3C quyết định đóng cửa các phiên bản của HTML. WHATWG (Web Hypertext Application Technology Working Group) mong muốn phát triển HTML, sáng tạo nên ngôn ngữ lập trình mới có độ tương thích cao với các website đang sử dụng và các phiên bản HTML cũ.
Năm 2008: Nhờ sự ủng hộ từ W3C, phiên bản đầu tiên của HTML5 được phát hành.

HTML là gì?

HTML (Hypertext Markup Language) là một nền tảng tương tự như Microsoft Word giúp người dùng thiết kế thành phần trong website, cấu trúc các trang, chuyên mục hoặc các thiết kế các ứng dụng… Vậy, chức năng chủ yểu của nền tảng này chính là tạo bố cục và định dạng website.

Sự khác biệt giữa HTML và HTML5

HTML5 hỗ trợ cho nhiều ứng dụng hơn: Một số ứng dụng như SVG, canvas… được HTML5 hỗ trợ, nhưng dùng trong HTML thì phải sử dụng thêm các phương tiện bổ trợ.
Lưu dữ liệu tạm: HTML5 sử dụng web SQL databases, application cache còn HTML chỉ dùng cache của trình duyệt.
JavaScript chạy trong web browser: HTML5 hỗ trợ hoàn toàn cho JavaScript chạy trên web browser, còn HTML ở các phiên bản cũ hơn thì không thể thực hiện được.
SGML: Khác với HTML, HTML5 không dựa trên SGML, nhờ vậy, sản phẩm lập trình có độ tương thích cao hơn.
Sử dụng MathML và SVG: HTML5 cho phép sử dụng MathML và SVG cho văn bản, nhưng trong HTML thì không được hỗ trợ.
Các element: HTML5 tích hợp các element mới mẻ và quan trọng như summary, time, aside, audio, command, data, datalist, details, embed, wbr, figcaption, figure, footer, header, article, hgroup, bdi, canvas, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, track, video… Bên cạnh đó, nó cũng được loại bỏ các elements lỗi thời trong HTML như isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset, big, center, strike….

Các thẻ đã thay đổi trong HTML5

Phiên bản HTML5 đã cập nhật rất nhiều thẻ mới cho việc tạo lập các bài viết và đa phương tiện, điển hình là các thẻ sau:

<article>: Định nghĩa một bài viết hoặc bình luận của người dùng, độc lập với content của website.
<aside>: Đánh dấu nội dung một trang hiện tại.
<header><footer>: Loại bỏ việc định nghĩa id cho tiêu đề và cuối trang.
<nav>: Định nghĩa phần menu điều hướng cho website.
<section>: Xác định các thành phần khác nhau trong website.
<audio>, <video>: Hỗ trợ người dùng xem clip và nghe nhạc trên website mà không cần bên thứ ba.
<embed>: Xác định một container các plugin tương tác với ứng dụng bên ngoài.
<canvas>: Cho phép bạn đồ họa mà không cần ứng dụng hỗ trợ.
Ngoài ra, phiên bản HTML5 đã loại bỏ một số thẻ lỗi thời như: <acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <font>, <frame>, <frameset>, <noframes>, <strike>