Những thẻ mới trong html5

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

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

Nói đến ngôn ngữ để lập trình Front-end chắc hẳn ai cũng biết hoặc đã sử dụng HTML5. Vậy HML5 có gì mới mà chúng ta cần biết?

HTML5 là gì

HTML5 là một ngôn ngữ markup được hình thành dựa trên nền tảng ngôn ngữ HTML trở thành một phần quan trọng của World Wide Web. HTML5 được dùng để thiết kế và cấu trúc các website, hỗ trợ đa phương tiện hiệu quả nhưng vẫn đảm bảo tính thân thiện của website đối với người dùng trên mọi thiết bị, mọi trình duyệt.

Ở bài trước chúng ta đã tìm hiểu HTML5 là gì và những lợi ích của nó. Tiếp theo trong ngày hôm nay chúng ta sẽ tìm hiểu về các thẻ tag mới trong HTML5 để sử dụng hiệu quả trong quá trình lập trình web.

Các thẻ tag mới trong HTML5

Nội dung

Các thẻ ngữ cảnh

HTML5 cung cấp nhiều thẻ tag mới để cấu trúc code tốt hơn.

• : định nghĩa một mảnh nội dung độc lập , ví dụ như nội dung của một bài blog.
• : chứa thông tin ở đầu trang.
• : đại diện cho một phần ứng dụng hoặc một phần tài liệu

• : để hiển thị một biểu đồ, hình ảnh hay code.

• : để hiển thị phần kết quả.

Các thẻ media

Truyền thông đa phương tiện ngày càng phát triển và các trang web phải xử lý nhiều loại media hơn mà không cần các plugin như flash, với các thẻ media mới sẽ giúp các website hiển thị media tốt hơn.

• : định nghĩa bộ khung chứa các ứng dụng bên ngoài (video player).
• : định nghĩa nguồn của video và audio.
• : định nghĩa luồng video và audio.
• : dùng cho mục đích đồ họa và vẽ.

Kết luận:

Như vậy với việc tìm hiểu các thẻ tag mới trong HTML5 sẽ giúp cho chúng ta hiểu thêm về HTML5 và nó sẽ giúp website chạy nhanh hơn và việc hiểu ý nghĩa của từng thẻ tag này sẽ giúp ích cho công việc của các bạn.