HTML là gì? HTML5 là gì? Chúng khác nhau ra sao? Hãy cùng theo dõi bài viết dưới đây để giải đáp những câu hỏi này nhé!
HTML là gì?
HTML là viết tắt của cụm từ Hypertext Markup Language (tạm dịch là Ngôn ngữ đánh dấu siêu văn bản) dùng để xây dựng và cấu trúc lại các thành phần có trong Website.
Người ta thường sử dụng HTML trong việc phân chia các đoạn văn, heading, links, blockquotes,… và HTML không phải là ngôn ngữ lập trình, húng chỉ được hiểu là một loại ngôn ngữ đánh dấu.
HTML5 là gì?
Đối với lĩnh vực công nghệ, việc cập nhật thay đổi là quy luật xảy tất . Các ngôn ngữ sẽ ngày càng được cập nhật một cách tân tiến và tiện lợi cho người dùng hơn, HTML5 chính là một ví dụ điển hình. Với mục đích của W3C là muốn cải thiện trải nghiệm cho dùng nên đã nghiên cứu và cập nhật lên HTML5.
HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web. Đây là phiên bản thứ 5 của ngôn ngữ HTML, được giới thiệu bởi World Wide Web Consortium (W3C). HTML5 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ó gì mới hơn HTML?
Một trong những mục tiêu lớn nhất của việc phát triển HTML5 là giúp dễ dàng hơn trong việc tạo khai báo cú pháp, giúp xử lý code HTML bị lỗi tốt hơn.
- So sánh HTMLvà HTML5
Ngoài những tính năng vốn có của HTML, ở HTML5 có những tính năng mới, cập nhật hơn.
Chúng ta có thể nhìn vào bảng dưới đây để phân biệt:
| HTML | HTML5 |
| Không hỗ trợ video và âm thanh. | Được trang bị các tính năng đặc biệt, hỗ trợ video và âm thanh. |
| Khai báo HTML Doctype dài dòng. | Còn trong HTML5 khá đơn giản khi khai báo Doctype. |
| Là công cụ khá phổ biến được dùng để phát triển website. | Là phiên bản mới nhất của HTML, chức chức năng đặc biệt là Markup. |
| HTML tương thích với mọi nền tảng trình duyệt. | HTML5 chỉ được hỗ trợ chạy trên Chorme, Firefox, Mozilla… |
| HTML không thân thiện với thiết bị di động. | HTML5 thân thiện hơn với các thiết bị di động. |
| Cho phép bạn chạy JavaScript trong trình duyệt. | Mã Javascript chạy trong nền. |
| Thẻ Applet được dùng để hiển thị các Applet, cùng các thẻ đối tượng được giới thiệu. | Thẻ Applet sẽ bị xóa bỏ. |
| Thẻ mang nhiều thuộc tính. | Thẻ chỉ có một thuộc tính border, có giá trị bằng 0 hay 1. |
| Việc giao tiếp giữa Client và Server được thông qua Long Pooling và Streaming. | Nhờ có sự hỗ trợ của Web Socket, nên quá trình giao tiếp giữa Server và Client diễn ra song song. |
| Khi muốn tạo ra đồ họa Vector phải dùng đến Sliver light, Adobe Flash hay VML. | Còn khi muốn tạo ra Vector trong HTML5, sẽ có công cụ hỗ trợ mặc định là Canvas, cùng SVG. |
| Không thể xử lý cú pháp không rõ ràng và các lỗi. | Nhờ được trang bị nhiều tính năng nổi bật, nên có thể xử lý tốt các cú pháp không rõ ràng và các lỗi khi xuất hiện. |
- HTML5 đã bổ sung thêm rất nhiều các thẻ đánh dấu (markup) mới:
- Các thẻ <header>và <footer> giúp bạn tách các phần trên và dưới của các block nội dung. Để có thể sử dụng nhiều lần trên một trang duy nhất.
- Thẻ <article>giúp xác định một phần cụ thể về nội dung, ví dụ, một bài blog hoặc một bình luận của độc giả.
- Thẻ <nav>để xác định những phần nào được coi là khối điều hướng.
- Thẻ <section>cho phép bạn xác định một phần nội dung nào đó; tương tự như các thẻ <div> hiện nay.
- Các thẻ <audio>và <video> để đánh dấu những nội dung bao gồm âm thanh hoặc video.
- Thẻ <canvas>cho phép bạn vẽ đồ họa sử dụng một ngôn ngữ kịch bản riêng biệt. SVG, canvas và những hình dạng vector đều được hỗ trợ bởi HTML5.
- Thẻ <embed>dùng để nhúng các nội dung hoặc các ứng dụng bên ngoài vào trang web.
- Có nhiều element được giới thiệu trong HTML. Một vài trong số chúng là quan trọng nhất: 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.
- HTML5 cũng bỏ đi một số thẻ: <acronym>, <applet>, <font>, <frame>, <frameset>, <noframes>,và một số khác như isindex, basefont, dir, big, center, strike…
- HTML5 không còn thuộc tính type trong thẻ <script>và <link>: Trong những phiên bản HTML trước đây trong thẻ <script>và <link> bạn sẽ cần khai báo thêm thuộc tính type cho chúng. Việc khai báo thuộc tính này là không cần thiết là vì hai thẻ trên đã hàm ý rằng chúng là các thẻ tham chiếu đến stylesheets và các tập mã lệnh.
- HTML5 sử dụng web SQL databases, application cache để lưu dữ liệu tạm trong khi HTML chỉ có cache của trình duyệt.
- HTML5 hỗ trợ hoàn toàn cho JavaScript để chạy nền nhờ vào JS web worker API.
Hi vọng thông qua bài viết trên, các bạn lập trình viên đã có thể nắm rõ kiến thức về HTML và HTML5, cũng như sự khác biệt giữa hai ngôn ngữ đánh dấu này!
Bộ môn Công nghệ thông tin
Cao đẳng FPT Mạng cá cược bóng đá
Hà Nội
