Thiết Kế Web

Các thẻ tag mới trong HTML5

Thiết Kế Web – Bài trước thì chúng ta đã tìm hiểu Các thuộc tính HTML5. Tiếp theo bài này chúng ta sẽ tìm hiểu sang các Tag mới trong HTML5. HTML5, phiên bản mới nhất của Ngôn ngữ đánh …

Thiết Kế Web – Bài trước thì chúng ta đã tìm hiểu Các thuộc tính HTML5. Tiếp theo bài này chúng ta sẽ tìm hiểu sang các Tag mới trong HTML5. HTML5, phiên bản mới nhất của Ngôn ngữ đánh dấu siêu văn bản (HTML), là bản hiệu chỉnh triệt để nhất về ngôn ngữ này cho đến nay. Nó giới thiệu nhiều tính năng mới trong nhiều lĩnh vực. Ngày nay, có một vài tag được bỏ qua, không sử dụng tới hoặc sử dụng không đúng mục đích của nó đều bị loại bỏ hoặc viết lại bởi HTML5.

Để tăng trải nghiệm của người dùng, HTML5 đã thêm nhiều tag về đồ họa, media, cấu trúc trang, xử lý form tốt hơn và một vài API dùng dể kéo/thả, tìm vị trí địa lý, local storage…

Các thẻ tag liên quan đến form

Tag Mô tả
<datalist> Tạo một danh sách gợi ý cho input.
<keygen> Định nghĩa một trường sinh cặp key (cho form)
<output> Định nghĩa một kết quả tính toán.

Thẻ Tag <canvas>

Tag Mô tả
<canvas> Dùng cho mục đích đồ họa, vẽ bằng JavaScript

Các thẻ tag liên quan tới multy media (phim, nhạc)

Tag Mô tả
<audio> Định nghĩa motọ nội dung audio.
<video> Định nghĩa một video.
<source> Định nghĩa một nguồn multy media cho <video> hoặc <audio>
<embed> Định nghĩa một khung chứa cho các chương trình bên ngoài (như là Flash)
<track> Định nghĩa text tracks cho <video> hoặc <audio>

Các thẻ tag liên quan đến ngữ nghĩa và cấu trúc

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

Tag Description
<article> Định nghĩa một article
<aside> Định nghĩ một nội dung bên hông bài viết
<bdi> Định nghĩa 1 vùng text có hướng khác với vùng text bên ngoài nó.
<command> Định nghĩa một command button.
<details> Định nghĩa một nội dung phụ thêm mà người dùng có thể xem hoặc giấu đi.
<dialog> Định nghĩa một dialog box hoặc window.
<summary> Định nghĩa phần tiêu đề nhìn thấy cho tag <details>
<figure> Định nghĩa một vùng nội dung như illustrations, diagrams, photos, code listings….
<figcaption> Định nghĩa một caption cho tag <figure> .
<footer> Định nghĩa footer cho tài liệu hoặc 1 section
<header> Định nghĩa header cho tài liệu hoặc 1 section
<mark> Định nghĩa một text được đánh dấu hay hightlight.
<meter> Định nghĩa một thước đo cho một khoảng cho trước.
<nav> Định nghĩa navigation links
<progress> Trình bày tiến trình của một công việc.
<ruby> Định nghĩa một ruby annotation (Dùng cho các nước Đông Á)
<rt> Định nghĩa một giải thích/phát âm của một chữ (Dùng cho các nước Đông Á)
<rp> Định nghĩ thông tin được thể hiện khi trình duyệt không hỗ trợ ruby notation.
<section> Định nghĩa một section trong tài liệu.
<time> Định nghĩa ngày/giờ
<wbr> Định nghĩa một line-break khả thi.

Ngoài các thẻ Tag được HTM5 bổ sung mới nhằm hổ trợ tốt hơn cho việc thiết kế web thì HTM5 cũng loại bỏ một số thẻ Tag của HTML 4.01 ra khỏi. Dươi đây là các thẻ tag của HTML 4.01 bị loại bỏ khỏi HTML5.

  • <<acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

Như vậy, HTML5 không thừa hướng những gì đã có sẵn mà đã phát triển thêm và loại bỏ một số cái cũ nhằm mục đích nâng cao khá năng ứng dụng cho mảng thiết kế web và lập trình php được thuận tiền và tốt hơn. Chúc các bạn thành công !

Thẻ:, , , , ,
comments powered by Disqus
Powered by HTH Company