HTML là một từ viết tắt của (Hyper Text Markup Language) có nghĩa là Ngôn ngữ Đánh dấu Siêu văn bản. (Sự kết hợp của Hyper Text và Markup)
HTML là xương sống của bất kỳ trang web nào cũng như là thành phần chính của mã Front - end.
Các trình duyệt Web sẽ xuất ra cho người dùng giao diện trang web HTML (hoặc Web pages) bằng cách sử dụng Markup.
HTML5 là phiên bản HTML thứ 5 của HTML. HTML5 hỗ trợ hoàn thiện sự tích hợp video và âm thanh vào ngôn ngữ.
HTML5 làm giảm nhu cầu cắm plugin của bên thứ ba và loại bỏ các yếu tố không phù hợp đi.
So sánh HTML vs HTML5
Vậy cụ thể giữa HTML và HTML5 có gì khác nhau? Chúng ta hãy cùng tìm hiểu trong bài viết này. Trước tiên là, ...
HTML là gì?
HTML là viết tắt của Ngôn ngữ Đánh dấu Siêu văn bản.
Chúng gồm các thẻ HTML (Ví dụ, thẻ khai báo đoạn văn bản: <p></p>) nói cho trình duyệt biết trong các thẻ này chứa loại nội dung gì, trình tự sắp xếp, các thuộc tính của chúng.
Các trình duyệt sẽ không hiển thị các thẻ HTML cho người dùng thấy mà sử dụng chúng để quyết định hiển thị nội dung theo cách nào.
Siêu văn bản (Hyper Text) là một phương pháp đặc biệt mà chúng ta có thể di chuyển qua các trang trên website bằng cách nhấp vào các siêu liên kết (Hyper link) để mở trang tiếp theo.
Đánh dấu (Markup) là các thẻ HTML như thẻ mở (Ví dụ: <p>) và các thẻ đóng (Ví dụ: </p>) có nội dung bên trong để chúng ta có thể định dạng văn bản, đặt siêu liên kết, chèn hình ảnh, video v.v.
Đây là một ví dụ về trang HTML cơ bản
HTML đóng vai trò là các khối xây dựng cơ bản cho Website. HTML được tạo bởi Tim Berners-Lee vào năm 1991, ông cũng là người sáng lập World Wide Web.
HTML5 là gì?
HTML5 là phiên bản thứ 5 của HTML, chúng được phát hành vào năm 2014.
HTML5 sinh ra bởi HTML liên tục được cập nhật, cải tiến với nhiều tính năng hơn để mọi người có thể truy cập internet dễ dàng hơn, các Lập trình viên Lập trình trang Web nhanh chóng, hiệu quả hơn.
HTML5 khác với HTML, vì tất cả các tính năng của nó được hỗ trợ trên tất cả các trình duyệt.
HTML5 được W3C khuyên dùng từ năm 2012 trở đi. Nó bao gồm các mô hình xử lý, Quy tắc phân tích chi tiết, Xử lý lỗi, Canvas để vẽ trên trình duyệt và hỗ trợ Lưu trữ cục bộ.
HTML5 bắt đầu hỗ trợ JavaScript API như Geolocation API để xác định vị trí, hỗ trợ ứng dụng di động đa nền tảng.
> Có thể bạn sẽ thích: Học JavaScript cơ bản
HTML5 xác định một ngôn ngữ Đánh dấu duy nhất có thể được viết bằng cú pháp ngôn ngữ HTML hoặc XHTML và hỗ trợ khả năng tương thích ngược với các phiên bản HTML trước đó.
Infographic: So sánh sự khác nhau của HTML vs HTML5
Dưới đây là 9 điểm khác nhau hàng đầu của HTML và HTML5.
.jpg)
Infographics: So sánh sự khác nhau của HTML vs HTML5
Sự Khác biệt chính giữa HTML và HTML5
Dưới đây là sự khác biệt quan trọng nhất giữa HTML và HTML5
-
HTML5 được tích hợp video và âm thanh trong khi HTML thì không có.
-
HTML tương thích với hầu hết tất cả các trình duyệt trong khi HTML5 được hỗ trợ bởi hầu hết các trình duyệt hiện đại như Firefox, Mozilla và Chrome, Safari v.v.
-
Trong HTML, JavaScript và giao diện trình duyệt sẽ chạy trong cùng một luồng. Trong khi trong HTML5, chúng ta có thể chạy JavaScript ở chế độ nền với sự trợ giúp của Web Worker API có thể chạy trong các luồng khác nhau.
-
Trong HTML, muốn làm đồ họa vectơ được thì cần đến công cụ khác như Siliver light, Flash, v.v. Trong khi trong HTML5 vector được hỗ trợ theo mặc định, nó có sẵn Canvas và SVG.
-
Trong HTML, thẻ applet được sử dụng để hiển thị các applet và thẻ đối tượng được giới thiệu). Trong HTML5, thẻ applet đã bị xóa.
-
Trong HTML, thẻ <a> được sử dụng làm mỏ neo cũng như để tham chiếu đến một liên kết trong khi trong HTML5, thẻ <a> chỉ được sử dụng làm siêu liên kết.
-
Trong HTML, thẻ <acronym> được sử dụng để hiển thị chữ viết tắt trong khi trong HTML5, thẻ này được thay thế bằng thẻ <abbr>.
-
HTML không thể xử lý cú pháp không chính xác và các lỗi khác trong khi HTML5 có khả năng xử lý các lỗi.
-
Trong HTML5, thẻ <table> có thể chỉ có một thuộc tính border và giá trị bằng 0 hoặc 1. Trong khi trong HTML <table> có rất nhiều thuộc tính.
-
Trong HTML, giao tiếp giữa máy khách (Client-side) và Máy chủ (Server - side) sẽ xảy ra bằng cách sử dụng Streaming và Long pooling vì nó không hỗ trợ Socket trong khi HTML5 có hỗ trợ Web socket
Bảng so sánh 9 điểm Khác nhau của HTML vs HTML5
|
# |
HTML |
HTML5 |
|
Definition |
HTML viết tắt của từ Hyper Text Markup Language có nghĩa là Ngôn ngữ đánh dấu siêu văn bản. HTML được dùng để phát triển Website. |
HTML5 là phiên bản mới của HTML với các chức năng mới. Trong đó Markup là yếu tố cốt lõi để tương tác với công nghệ web cho việc cấu trúc và trình bày nội dung. |
|
Multi-media support |
HTML không hỗ trợ Video và Âm thanh |
HTML5 được tích hợp sẵn chức năng hỗ trợ video, âm thanh. |
|
Geogra-phical support |
HTML hỗ trợ theo dõi vị trí người dùng nhưng quá trình này rất khó khăn nếu người dùng sử dụng thiết bị di động. |
HTML5 sử dụng Javascript Gelocation API để theo dõi vị trí bất cứ người dùng nào đang truy cập website. |
|
Storage |
HTML sử dụng bộ nhớ cache của trình duyệt làm bộ nhớ tam thời. |
HTML5 có nhiều tùy chọn để lưu trữ ví dụ như Application cache, SQL database, Web storage.
Chúng ta có thể chạy JS trong nền bằng JS API có sẵn cho việc lưu trữ. |
Commu-
nication |
Trong HTML, Giao tiếp giữa Client và Server bằng Streaming là Long Pooling (vì chúng không hỗ trợ Web Socket) |
In HTML5, hỗ trợ Web Socket, giúp giao tiếp song song giữa Server và Client. |
Browser
comp-
atibility |
HTML tương thích với tất cả các trình duyệt (Vì nó đã tồn tại quá lâu) |
Trong HTML5, chúng ta có nhiều thẻ mới và bỏ đi một số thẻ. Vì thế, chỉ có một số trình duyệt hỗ trợ hoàn toàn HTML5. |
Graphics
Support |
Trong HTML, muốn làm đồ họa vector thì phải sử dụng Sliver light, Adobe Flash, VML ... |
Trong HTML5 Đồ họa vector được hỗ trợ mặc định với Canvas và SVG. |
Threa
-ding |
Trong HTML, giao diện trình duyệt tương tác với người dùng và Javascript trong cùng luồng. Điều này khiến cho hiệu suất trang web thấp |
Trong HTML5, với JavaScript Web Worker API cho phép Javascript và Giao diện trình duyệt chạy trên các luồng khác nhau. |
Error
Handling |
HTML không thể xử lý cú pháp không chính xác và các lỗi. |
HTML5 có thể xử lý cú pháp không chính xác và các lỗi khác. |
Tổng kết về So sánh HTML vs HTML5
Trên đây là tổng quan về sự khác nhau giữa HTML vs HTML5.
Mình hy vọng bạn sẽ hiểu rõ hơn về HTML và HTML5 sau khi đọc bài viết về HTML và HTML5 này.
HTML5 sẽ giúp ích cho các lập trình viên phát triển website vì nó cung cấp rất nhiều khả năng như hỗ trợ video và âm thanh, các thẻ mới ngữ nghĩa tốt hơn, nhiều chức năng hơn.
W3C cũng thông báo rằng bản cập nhật HTML5 trong tương lai sẽ tập trung vào vấn đề bảo mật. Dần dần tất cả các lập trình viên Web sẽ chuyển sang HTML5 vì nó có nhiều thông số kỹ thuật hơn các phiên bản HTML trước đó.
---
HỌC VIỆN ĐÀO TẠO CNTT NIIT - ICT HÀ NỘI
Học Lập trình chất lượng cao (Since 2002). Học thực tế + Tuyển dụng ngay!
Đc: Tầng 3, 25T2, N05, Nguyễn Thị Thập, Cầu Giấy, Hà Nội
SĐT: 02435574074 - 0383.180086
Email: hello@niithanoi.edu.vn
Website: https://niithanoi.edu.vn
Fanpage: https://facebook.com/NIIT.ICT/
#niit #niithanoi #icthanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python