Mọi người đều biết HTML là gì, nhưng mọi người có biết về những thay đổi mà HTML 5 mang lại không? 
Hãy để tôi giúp bạn hiểu những thay đổi đó.
HTML5 là gì?
HTML5 là đặc điểm kỹ thuật mới nhất của ngôn ngữ HTML, và là một bước đột phá lớn so với các phương thức (ngôn ngữ) đánh dấu trước đó. Mục đích của rất nhiều những thay đổi lớn đối với ngôn ngữ này là để chuẩn hóa nhiều cách thức mới mà các nhà phát triển đang sử dụng, cũng như khuyến khích một tập hợp các phương pháp hay nhất liên quan đến phát triển web.
Mỗi một thay đổi là kết quả của những mục tiêu lớn hơn trong thiết kế ngôn ngữ. Những mục tiêu này chủ yếu bao gồm:

  • Khuyến khích đánh dấu ngữ nghĩa (có ý nghĩa).
  • Tách thiết kế khỏi nội dung.
  • Thúc đẩy khả năng tiếp cận và thiết kế web có độ phản hồi cao.
  • Giảm sự chồng chéo giữa HTML, CSS và JavaScript.
  • Hỗ trợ các trải nghiệm đa phương tiện trong khi loại bỏ nhu cầu bổ sung như Flash hoặc Java.

Cách sử dụng
<! DOCTYPE html>
Sử dụng cú pháp này trong tệp HTML của bạn sẽ khai báo tệp là HTML5.
Sự khác biệt chính!

 

Cuối cùng, có gì mới trong đó? Hãy cho chúng tôi biết !!
Thay đổi:
 

HTML5 Cấu trúc mới
HTML5 nhận ra rằng các trang Web có cấu trúc (structure) , giống như các sách có cấu trúc hoặc các tài liệu XML khác. Nói chung, các thành phần trong web bao gồm navigation,  body content, sidebar content plus headers, footers, và các thành phần khác . HTML 5 đã tạo thẻ để hỗ trợ các yếu tố đó của trang.

  • Để xác định các phần (sections) của trang
  • Xác định tiêu đề (header) của trang
  • Xác định chân trang (footer) của một trang
  • Xác định điều hướng (navigation) trên trang
  • Xác định bài viết (article) hoặc nội dung chính (primary content) trên một trang
  • Xác định nội dung bổ sung như thanh bên (sidebar) trên trang
  • Xác định hình ảnh (image) chú thích một bài viết

HTML 5 Hỗ trợ trang động mới
HTML 5 được phát triển để giúp các nhà phát triển ứng dụng web, do đó, có rất nhiều tính năng mới để giúp dễ dàng tạo các trang HTML động:

  • Content menu - HTML 5 sẽ hỗ trợ việc tạo và sử dụng các menu nội dung trong các trang web và ứng dụng
  • href is not required on a tag - Điều này cho phép bạn sử dụng thẻ với các tập lệnh và trong các ứng dụng web mà không cần một nơi để gửi neo đó
  • async attribute - Điều này được thêm vào thẻ script để cho trình duyệt biết rằng tập lệnh sẽ được tải không đồng bộ để nó không làm chậm tải và hiển thị phần còn lại của trang.
  • Provides details about an element - Điều này sẽ giống như các mẹo công cụ trong các ứng dụng không phải Web.

HTML 5 loại biểu mẫu mới
HTML 5 hỗ trợ tất cả các kiểu đầu vào biểu mẫu chuẩn, nhưng nó thêm một vài thứ khác:

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

HTML 5 xóa một số thành phần
Ngoài ra còn có một số phần tử trong HTML 4 sẽ không còn được HTML hỗ trợ 5. Phần lớn đã
không được chấp nhận và vì vậy không đáng ngạc nhiên, nhưng một số có thể khó:

  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • strike
  • tt
  • u

Vâng, đây là phần tóm tắt và nó cung cấp cho bạn những lý do thực sự tốt để sử dụng HTML5. Đừng cảm thấy bị choáng ngợp bởi thông tin này, sử dụng nó như là một tài liệu tham khảo và tiếp tục học tập:)
Original Link: https://medium.com/beginners-guide-to-mobile-web-development/whats-new-in-html-5-4ce9d62bf114