Các phần tử mới trong HTML5

Dưới đây là danh sách các phần tử mới trong HTML5 và mô tả cách sử dụng chúng. Những phần tử cú pháp/cấu trúc mới trong HTML5 HTML5 mang tới các phần tử mới để cấu trúc văn bản tốt hơn. Thẻ Mô tả <article> Định nghĩa một bài ...

Dưới đây là danh sách các phần tử mới trong HTML5 và mô tả cách sử dụng chúng.

Những phần tử cú pháp/cấu trúc mới trong HTML5

HTML5 mang tới các phần tử mới để cấu trúc văn bản tốt hơn.

Thẻ Mô tả
<article> Định nghĩa một bài viết.
<aside> Định nghĩa nội dung bên cạnh nội dung trang 
<bdi> Phân tách một phận văn bản có thể được định dạng theo cách khác những phần còn lại
<details> Định nghĩa chi tiết thêm để người dùng xem hoặc ẩn
<dialog> Định nghĩa hộp thoại hoặc cửa sổ
<figcaption> Định nghĩa mô tả cho phần tử <figure> 
<figure> Định nghĩa nội dung tự chứa 
<footer> Định nghĩa footer cho văn bản (document) hoặc phần văn bản (section)
<header> Định nghĩa tiêu đề cho văn bản hoặc phần văn bản
<main> Định nghĩa cho nội dung chính của văn bản
<mark> Định nghĩa cho phần văn bản được đánh dấu/nhấn mạnh
<meter> Định nghĩa đo lường vô hướng cho một khoảng biết trước 
<nav> Định nghĩa cho đường dẫn điều hướng
<progress> Đại diện cho tiến độ công việc 
<rp> Định nghĩa cho những gì sẽ hiển thị trên trình duyệt mà không hỗ trợ ghi chú ruby. 
<rt> Định nghĩa để giải thích/phát âm kí tự (với chữ Đông Á)
<ruby> Định nghĩa cho ghi chú ruby (với chữ Đông Á)
<section> Định nghĩa cho một phần trong văn bản.
<summary> Định nghĩa cho phần tiêu đề nhìn thấy được của phần tử <details>
<time> Định nghĩa cho ngày tháng/thời gian
<wbr> Định nghĩa cho đoạn xuống dòng khả thi

Các phần tử form mới trong HTML5

Thẻ Mô tả
<datalist> Xác định danh sách các lựa chọn định trước cho dữ liệu đầu vào
<output> Định nghĩa cho kết quả tính toán

Các kiểu nhập dữ liệu đầu vào mới trong HTML5

Kiểu dữ liệu đầu vào mới Kiểu thuộc tính cho dữ liệu đầu vào mới
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and awidth
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

HTML5 - Cú pháp thuộc tính mới

HTML5 cho phép 4 kiểu cú pháp cho các thuộc tính. Ví dụ dưới đây cho biết các kiểu cú pháp được dùng trong thẻ <input>

Loại Ví dụ
Rỗng <input type="text" value="John" disabled>
Không trích dẫn <input type="text" value=John>
Trích dẫn kép <input type="text" value="John Doe">
Trích dẫn đơn <input type="text" value='John Doe'>

Trong HTML5, tất cả 4 cú pháp đều có thể được sử dụng, tùy vào việc thuộc tính đó cần gì.

Đồ họa trong HTML5

Thẻ Mô tả
<canvas> Vẽ đồ họa nhanh chóng thông qua kịch bản (thường là JavaScript)
<svg> Vẽ đồ họa vector có thể thay đổi kích thước 

Các phần tử đa phương tiện mới trong HTML5

Thẻ Mô tả
<audio> Định nghĩa nội dung là âm thanh 
<embed> Định nghĩa bộ chứa (container) cho ứng dụng ngoài (không phải HTML)
<source> Định nghĩa nhiều nguồn cho các phần tử đa phương tiện (<video> và <audio>)
<track> Định nghĩa text track cho phần tử đa phương tiện (<video> và <audio>)
<video> Định nghĩa video hoặc phim

Bài trước: Hỗ trợ HTML5 trên các trình duyệt

Bài sau: Cú pháp trong HTML5

Bài liên quan

Các phần tử ngữ nghĩa trong HTML5

Semantics học là nghiên cứu về ý nghĩa của từ và cụm từ trong một ngôn ngữ. Các phần tử Semantics = các phần tử có ý nghĩa. Các phần tử Semantic là gì? Một phần tử Semantic mô tả rõ ràng ý nghĩa của nó đối với cả trình duyệt và nhà phát triển. Ví dụ về các ...

Trịnh Tiến Mạnh viết 15:09 ngày 07/09/2018

Các phần tử form trong HTML

Phần tử <input> Đây được coi là phần tử form quan trọng bậc nhất. Phần tử <input> có thể được hiển thị bằng nhiều cách, tùy thuộc vào thuộc tính type. Phần tử <select> Phần tử <select> định nghĩa một drop-down list : Ví dụ: ...

Tạ Quốc Bảo viết 14:56 ngày 07/09/2018

Các phần tử mới trong HTML5

Dưới đây là danh sách các phần tử mới trong HTML5 và mô tả cách sử dụng chúng. Những phần tử cú pháp/cấu trúc mới trong HTML5 HTML5 mang tới các phần tử mới để cấu trúc văn bản tốt hơn. Thẻ Mô tả <article> Định nghĩa một bài ...

Bùi Văn Nam viết 11:25 ngày 22/08/2018

Sắp xếp thứ tự các phần tử mảng trong JavaScript

- Mặc định thì thứ tự của các phần tử trong mảng sẽ giống với thứ tự được sắp xếp lúc khai báo. - Tuy nhiên, với các phương thức xử lý mảng trong JavaScript, ta có thể sắp xếp lại thứ tự các phần tử cho mảng. 1) Sắp xếp theo thứ tự tăng dần trong từ điển - Phương thức sort() được dùng để ...

Bùi Văn Nam viết 11:13 ngày 18/08/2018

Các phần tử về cụm từ trong HTML

Các phần tử cụm từ được thiết kế cho những mục đích đặc biệt, mặc dù chúng được trình bày tương tự như các thẻ cơ bản khác như <b>, <i>, <pre>, và <tt>, mà bạn đã theo dõi trong các chương trước. Chương này sẽ giới thiệu cho bạn về các thẻ cụm từ quan trọng. Nhấn ...

Trịnh Tiến Mạnh viết 14:10 ngày 14/08/2018
0