HTML là gì? HTML5 là gì? So sánh HTML vs HTML5

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 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.

  • Nên học Frontend hay Backend?

    Tìm hiểu thêm về:

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

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

Đâ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.

đóng vai trò làcho Website. HTML được tạo bởivào năm 1991, ông cũng là người sáng lập World Wide Web.

  • 10 ví dụ về HTML

    Xem thêm:giúp bạn hiểu rõ HTML hơn

HTML5 là gì?

HTML5 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 đó.

là, chúng được phát hành vào năm 2014.HTML5 sinh ra bởi, 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.khác với HTML, vì tất cả các tính năng của nó đượcHTML5 được W3C khuyên dùng từ năm 2012 trở đi. Nó bao gồm cácđể vẽ trên trình duyệt và hỗ trợHTML5 bắt đầu hỗ trợnhư Geolocation API để xác định vị trí, hỗ trợ ứng dụng di động đa nền tảng.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ữhoặcvà hỗ trợ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.

Infographics: So sánh sự khác nhau của HTML vs HTML5 (Ảnh 1)

Infographics: So sánh sự khác nhau của HTML vs HTML5 (Ảnh 2)
Infographics: So sánh sự khác nhau của HTML vs HTML5 (Ảnh 3)
Infographics: So sánh sự khác nhau của HTML vs HTML5 (Ảnh 4)
Infographics: So sánh sự khác nhau của HTML vs HTML5 (Ảnh 5)

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

    â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

    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

    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

    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: [email protected]

Website: https://niithanoi.edu.vn

Fanpage: https://facebook.com/NIIT.ICT/

 

#niit #niithanoi #icthanoi #niiticthanoi #hoclaptrinh #khoahoclaptrinh #hoclaptrinhjava #hoclaptrinhphp #java #php #python