Tham chiếu các phần tử HTML

Trang này liệt kê tất cả các HTML phần tử, được tạo bằng thẻ.

Chúng được nhóm theo chức năng để giúp bạn dễ dàng tìm thấy những gì cần. Danh sách theo thứ tự bảng chữ cái của tất cả các phần tử cũng có trong thanh bên ở mỗi trang phần tử cũng như trang này.

Note: Để biết thêm thông tin về cơ bản của các phần tử và thuộc tính HTML, xem Cấu tạo của một phần tử HTML.

Gốc chính

Phần tử Mô tả
<html> Đại diện cho gốc (phần tử cấp cao nhất) của tài liệu HTML, vì vậy nó còn được gọi là phần tử gốc. Tất cả các phần tử khác phải là con cháu của phần tử này.

Siêu dữ liệu tài liệu

Siêu dữ liệu chứa thông tin về trang. Điều này bao gồm thông tin về kiểu dáng, tập lệnh và dữ liệu để giúp phần mềm (công cụ tìm kiếm, trình duyệt, v.v.) sử dụng và hiển thị trang. Siêu dữ liệu cho kiểu dáng và tập lệnh có thể được định nghĩa trong trang hoặc được liên kết đến một tệp khác có thông tin đó.

Phần tử Mô tả
<base> Chỉ định URL cơ sở để sử dụng cho tất cả các URL tương đối trong tài liệu. Chỉ có thể có một phần tử như vậy trong một tài liệu.
<head> Chứa thông tin máy đọc được (siêu dữ liệu) về tài liệu, như tiêu đề, tập lệnhbảng kiểu.
<link> Chỉ định mối quan hệ giữa tài liệu hiện tại và một tài nguyên bên ngoài. Phần tử này thường được dùng để liên kết đến CSS nhưng cũng được dùng để thiết lập biểu tượng trang web (cả biểu tượng kiểu "favicon" và biểu tượng cho màn hình chính và ứng dụng trên thiết bị di động).
<meta> Đại diện cho siêu dữ liệu không thể được đại diện bởi các phần tử HTML meta liên quan khác, như <base>, <link>, <script>, <style><title>.
<style> Chứa thông tin kiểu dáng cho một tài liệu hoặc một phần của tài liệu. Nó chứa CSS, được áp dụng cho nội dung của tài liệu chứa phần tử này.
<title> Định nghĩa tiêu đề của tài liệu hiển thị trên thanh tiêu đề hoặc tab trang của trình duyệt. Nó chỉ chứa văn bản; các thẻ HTML bên trong phần tử, nếu có, cũng được coi là văn bản thuần túy.

Gốc phân đoạn

Phần tử Mô tả
<body> Đại diện cho nội dung của tài liệu HTML. Chỉ có thể có một phần tử như vậy trong một tài liệu.

Phân đoạn nội dung

Các phần tử phân đoạn nội dung cho phép bạn tổ chức nội dung tài liệu thành các phần logic. Sử dụng các phần tử phân đoạn để tạo ra phác thảo rộng cho nội dung trang của bạn, bao gồm điều hướng đầu trang và chân trang, và các phần tử tiêu đề để xác định các phần của nội dung.

Phần tử Mô tả
<address> Cho biết rằng HTML kèm theo cung cấp thông tin liên hệ cho một người hoặc nhóm người, hoặc cho một tổ chức.
<article> Đại diện cho một thành phần độc lập trong tài liệu, trang, ứng dụng hoặc trang web, được thiết kế để phân phối hoặc tái sử dụng độc lập (ví dụ: trong phân phối). Ví dụ bao gồm bài đăng trên diễn đàn, bài báo hoặc tạp chí, mục blog, thẻ sản phẩm, bình luận của người dùng, tiện ích tương tác hoặc bất kỳ mục nội dung độc lập nào khác.
<aside> Đại diện cho một phần của tài liệu có nội dung chỉ liên quan gián tiếp đến nội dung chính của tài liệu. Các phần aside thường được trình bày dưới dạng thanh bên hoặc hộp chú thích.
<footer> Đại diện cho chân trang cho phần tử nội dung phân đoạn hoặc gốc phân đoạn gần nhất. Một <footer> thường chứa thông tin về tác giả của phần, dữ liệu bản quyền hoặc liên kết đến các tài liệu liên quan.
<header> Đại diện cho nội dung giới thiệu, thường là một nhóm các phần trợ giúp giới thiệu hoặc điều hướng. Nó có thể chứa một số phần tử tiêu đề nhưng cũng là logo, biểu mẫu tìm kiếm, tên tác giả và các phần tử khác.
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> Đại diện cho sáu cấp độ tiêu đề phần. <h1> là cấp phần cao nhất và <h6> là thấp nhất.
<hgroup> Đại diện cho một tiêu đề được nhóm với bất kỳ nội dung phụ nào, chẳng hạn như tiêu đề phụ, tiêu đề thay thế hoặc khẩu hiệu.
<main> Đại diện cho nội dung chính của phần thân tài liệu. Vùng nội dung chính bao gồm nội dung liên quan trực tiếp hoặc mở rộng chủ đề trung tâm của tài liệu, hoặc chức năng trung tâm của một ứng dụng.
<nav> Đại diện cho một phần của trang có mục đích cung cấp các liên kết điều hướng, trong tài liệu hiện tại hoặc đến các tài liệu khác. Ví dụ phổ biến của các phần điều hướng là menu, mục lục và chỉ mục.
<section> Đại diện cho một phần độc lập chung của tài liệu, không có phần tử ngữ nghĩa cụ thể hơn để đại diện. Các phần luôn phải có tiêu đề, với rất ít ngoại lệ.
<search> Đại diện cho một phần chứa tập hợp các điều khiển biểu mẫu hoặc nội dung khác liên quan đến việc thực hiện tìm kiếm hoặc thao tác lọc.

Nội dung văn bản

Sử dụng các phần tử nội dung văn bản HTML để tổ chức các khối hoặc phần của nội dung được đặt giữa thẻ mở <body> và thẻ đóng </body>. Quan trọng đối với khả năng tiếp cậnSEO, các phần tử này xác định mục đích hoặc cấu trúc của nội dung đó.

Phần tử Mô tả
<blockquote> Cho biết rằng văn bản kèm theo là một trích dẫn mở rộng. Thông thường, điều này được hiển thị trực quan bằng cách thụt lề. URL nguồn trích dẫn có thể được cung cấp qua thuộc tính cite, trong khi văn bản đại diện nguồn có thể được cung cấp qua phần tử <cite>.
<dd> Cung cấp mô tả, định nghĩa hoặc giá trị cho thuật ngữ trước đó (<dt>) trong danh sách mô tả (<dl>).
<div> Container chung cho nội dung luồng. Nó không có tác dụng đến nội dung hoặc bố cục cho đến khi được tạo kiểu bằng CSS (ví dụ, kiểu dáng được áp dụng trực tiếp hoặc một mô hình bố cục như flexbox được áp dụng cho phần tử cha của nó).
<dl> Đại diện cho danh sách mô tả. Phần tử bao gồm danh sách các nhóm thuật ngữ (được chỉ định bằng phần tử <dt>) và mô tả (được cung cấp bởi các phần tử <dd>). Các cách sử dụng phổ biến cho phần tử này là triển khai từ điển hoặc hiển thị siêu dữ liệu (danh sách các cặp khóa-giá trị).
<dt> Chỉ định một thuật ngữ trong danh sách mô tả hoặc định nghĩa, do đó phải được sử dụng bên trong phần tử <dl>. Nó thường được theo sau bởi phần tử <dd>; tuy nhiên, nhiều phần tử <dt> liên tiếp cho thấy nhiều thuật ngữ đều được định nghĩa bởi phần tử <dd> tiếp theo ngay sau.
<figcaption> Đại diện cho chú thích hoặc chú giải mô tả phần còn lại của nội dung của phần tử cha <figure>.
<figure> Đại diện cho nội dung độc lập, có thể có chú thích tùy chọn, được chỉ định bằng phần tử <figcaption>. Hình, chú thích và nội dung của nó được tham chiếu như một đơn vị duy nhất.
<hr> Đại diện cho một ranh giới theo chủ đề giữa các phần tử cấp đoạn văn: ví dụ, thay đổi cảnh trong câu chuyện, hoặc thay đổi chủ đề trong một phần.
<li> Đại diện cho một mục trong danh sách. Nó phải được chứa trong một phần tử cha: danh sách có thứ tự (<ol>), danh sách không có thứ tự (<ul>), hoặc menu (<menu>). Trong menu và danh sách không có thứ tự, các mục danh sách thường được hiển thị bằng dấu đầu dòng. Trong danh sách có thứ tự, chúng thường được hiển thị với bộ đếm tăng dần ở bên trái.
<menu> Một thay thế ngữ nghĩa cho <ul>, nhưng được các trình duyệt xử lý (và hiển thị qua cây tiếp cận) không khác với <ul>. Nó đại diện cho danh sách không có thứ tự của các mục (được đại diện bởi các phần tử <li>).
<ol> Đại diện cho danh sách có thứ tự — thường được hiển thị dưới dạng danh sách đánh số.
<p> Đại diện cho một đoạn văn. Các đoạn văn thường được trình bày trong phương tiện trực quan dưới dạng các khối văn bản được ngăn cách với các khối liền kề bằng các dòng trống và/hoặc thụt lề dòng đầu tiên, nhưng các đoạn văn HTML có thể là bất kỳ nhóm cấu trúc nào của nội dung liên quan, chẳng hạn như hình ảnh hoặc trường biểu mẫu.
<pre> Đại diện cho văn bản được định dạng trước, sẽ được trình bày chính xác như được viết trong tệp HTML. Văn bản thường được hiển thị bằng phông chữ không tỷ lệ hoặc monospaced. Khoảng trắng bên trong phần tử này được hiển thị như được viết.
<ul> Đại diện cho danh sách không có thứ tự, thường được hiển thị dưới dạng danh sách có dấu đầu dòng.

Ngữ nghĩa văn bản nội tuyến

Sử dụng các ngữ nghĩa văn bản nội tuyến HTML để định nghĩa ý nghĩa, cấu trúc hoặc kiểu dáng của một từ, dòng hoặc bất kỳ đoạn văn bản tùy ý nào.

Phần tử Mô tả
<a> Cùng với thuộc tính href, tạo siêu liên kết đến các trang web, tệp, địa chỉ email, vị trí trong trang hiện tại hoặc bất cứ thứ gì mà URL có thể định địa chỉ.
<abbr> Đại diện cho một viết tắt hoặc từ viết tắt.
<b> Được dùng để thu hút sự chú ý của người đọc đến nội dung của phần tử, không được cấp tầm quan trọng đặc biệt. Trước đây được gọi là phần tử In đậm, và hầu hết các trình duyệt vẫn hiển thị văn bản in đậm. Tuy nhiên, không nên dùng <b> để tạo kiểu văn bản hoặc cấp tầm quan trọng. Nếu muốn tạo văn bản in đậm, hãy dùng thuộc tính CSS font-weight. Nếu muốn cho biết một phần tử có tầm quan trọng đặc biệt, hãy dùng phần tử <strong>.
<bdi> Cho trình duyệt biết thuật toán hai chiều để xử lý văn bản chứa trong nó tách biệt khỏi văn bản xung quanh. Đặc biệt hữu ích khi một trang web chèn văn bản động và không biết hướng của văn bản được chèn.
<bdo> Ghi đè hướng hiện tại của văn bản, để văn bản bên trong được hiển thị theo hướng khác.
<br> Tạo ra ngắt dòng trong văn bản (xuống dòng). Hữu ích khi viết thơ hoặc địa chỉ, nơi việc chia dòng quan trọng.
<cite> Được dùng để đánh dấu tiêu đề của một tác phẩm sáng tạo. Tham chiếu có thể ở dạng viết tắt theo các quy ước phù hợp với ngữ cảnh liên quan đến siêu dữ liệu trích dẫn.
<code> Hiển thị nội dung của nó theo kiểu nhằm chỉ ra rằng văn bản là một đoạn mã máy tính ngắn. Theo mặc định, văn bản nội dung được hiển thị bằng phông chữ monospace mặc định của tác nhân người dùng.
<data> Liên kết một đoạn nội dung nhất định với một bản dịch máy đọc được. Nếu nội dung liên quan đến thời gian hoặc ngày, phải sử dụng phần tử <time>.
<dfn> Được dùng để chỉ ra thuật ngữ đang được định nghĩa trong ngữ cảnh của một cụm từ hoặc câu định nghĩa. Phần tử <p> tổ tiên, cặp <dt>/<dd>, hoặc phần tổ tiên phần gần nhất của phần tử <dfn>, được coi là định nghĩa của thuật ngữ.
<em> Đánh dấu văn bản có nhấn mạnh. Phần tử <em> có thể được lồng, với mỗi cấp độ lồng cho biết mức độ nhấn mạnh cao hơn.
<i> Đại diện cho một phạm vi văn bản được phân biệt khỏi văn bản thông thường vì một lý do nào đó, chẳng hạn như văn bản thành ngữ, thuật ngữ kỹ thuật và chỉ định phân loại, trong số những cái khác. Về mặt lịch sử, chúng được trình bày bằng kiểu chữ nghiêng, là nguồn gốc của tên <i> của phần tử này.
<kbd> Đại diện cho một đoạn văn bản nội tuyến biểu thị đầu vào văn bản từ bàn phím, đầu vào giọng nói hoặc bất kỳ thiết bị nhập văn bản nào khác. Theo quy ước, tác nhân người dùng mặc định hiển thị nội dung của phần tử <kbd> bằng phông chữ monospace mặc định của nó, mặc dù điều này không bắt buộc theo tiêu chuẩn HTML.
<mark> Đại diện cho văn bản được đánh dấu hoặc tô sáng để tham khảo hoặc ghi chú vì sự liên quan của đoạn được đánh dấu trong ngữ cảnh xung quanh.
<q> Cho biết rằng văn bản kèm theo là một trích dẫn nội tuyến ngắn. Hầu hết các trình duyệt hiện đại triển khai điều này bằng cách bao quanh văn bản trong dấu ngoặc kép. Phần tử này được thiết kế cho các trích dẫn ngắn không yêu cầu ngắt đoạn văn; cho các trích dẫn dài hãy sử dụng phần tử <blockquote>.
<rp> Được dùng để cung cấp dấu ngoặc đơn dự phòng cho các trình duyệt không hỗ trợ hiển thị chú thích ruby bằng phần tử <ruby>. Mỗi phần tử <rp> phải bao quanh mỗi dấu ngoặc đơn mở và đóng bao quanh phần tử <rt> chứa văn bản chú thích.
<rt> Chỉ định thành phần văn bản ruby của chú thích ruby, được dùng để cung cấp thông tin phát âm, dịch thuật hoặc phiên âm cho kiểu chữ Đông Á. Phần tử <rt> phải luôn được chứa trong phần tử <ruby>.
<ruby> Đại diện cho các chú thích nhỏ được hiển thị phía trên, phía dưới hoặc bên cạnh văn bản cơ sở, thường được dùng để hiển thị cách phát âm của các ký tự Đông Á. Nó cũng có thể được dùng để chú thích các loại văn bản khác, nhưng cách sử dụng này ít phổ biến hơn.
<s> Hiển thị văn bản với đường gạch ngang. Dùng phần tử <s> để đại diện cho những thứ không còn liên quan hoặc không còn chính xác. Tuy nhiên, <s> không phù hợp khi chỉ ra các chỉnh sửa tài liệu; cho trường hợp đó, hãy sử dụng các phần tử <del><ins>, tùy trường hợp.
<samp> Được dùng để bao quanh văn bản nội tuyến đại diện cho đầu ra mẫu (hoặc trích dẫn) từ chương trình máy tính. Nội dung của nó thường được hiển thị bằng phông chữ monospace mặc định của trình duyệt (chẳng hạn như Courier hoặc Lucida Console).
<small> Đại diện cho các chú thích bên và chữ nhỏ, như bản quyền và văn bản pháp lý, độc lập với việc trình bày kiểu dáng. Theo mặc định, nó hiển thị văn bản bên trong nhỏ hơn một cỡ chữ, chẳng hạn từ small thành x-small.
<span> Một container nội tuyến chung cho nội dung cụm từ, không vốn đại diện cho bất kỳ điều gì. Nó có thể được dùng để nhóm các phần tử cho mục đích tạo kiểu (bằng cách sử dụng thuộc tính class hoặc id), hoặc vì chúng chia sẻ giá trị thuộc tính, chẳng hạn như lang. Chỉ nên dùng khi không có phần tử ngữ nghĩa nào khác phù hợp. <span> rất giống phần tử div, nhưng div là phần tử cấp khối trong khi <span>phần tử cấp nội tuyến.
<strong> Cho biết nội dung của nó có tầm quan trọng, tính nghiêm túc hoặc tính khẩn cấp cao. Các trình duyệt thường hiển thị nội dung in đậm.
<sub> Chỉ định văn bản nội tuyến cần được hiển thị dưới dạng chỉ số dưới chỉ vì lý do kiểu chữ. Chỉ số dưới thường được hiển thị với đường cơ sở thấp hơn bằng văn bản nhỏ hơn.
<sup> Chỉ định văn bản nội tuyến cần được hiển thị dưới dạng chỉ số trên chỉ vì lý do kiểu chữ. Chỉ số trên thường được hiển thị với đường cơ sở cao hơn bằng văn bản nhỏ hơn.
<time> Đại diện cho một khoảng thời gian cụ thể. Nó có thể bao gồm thuộc tính datetime để chuyển đổi ngày thành định dạng máy đọc được, cho phép kết quả tìm kiếm tốt hơn hoặc các tính năng tùy chỉnh như lời nhắc.
<u> Đại diện cho một đoạn văn bản nội tuyến cần được hiển thị theo cách cho thấy nó có chú thích không phải văn bản. Điều này được hiển thị mặc định dưới dạng gạch chân đơn liên tục nhưng có thể được thay đổi bằng CSS.
<var> Đại diện cho tên của một biến trong biểu thức toán học hoặc ngữ cảnh lập trình. Nó thường được trình bày bằng phiên bản nghiêng của kiểu chữ hiện tại, mặc dù hành vi đó phụ thuộc vào trình duyệt.
<wbr> Đại diện cho cơ hội ngắt từ — một vị trí trong văn bản mà trình duyệt có thể tùy chọn ngắt dòng, mặc dù các quy tắc ngắt dòng của nó không tạo ra ngắt tại vị trí đó.

Hình ảnh và đa phương tiện

HTML hỗ trợ nhiều tài nguyên đa phương tiện như hình ảnh, âm thanh và video.

Phần tử Mô tả
<area> Định nghĩa một vùng bên trong bản đồ hình ảnh có các vùng có thể nhấp được xác định trước. Một bản đồ hình ảnh cho phép các vùng hình học trên hình ảnh được liên kết với siêu liên kết.
<audio> Được dùng để nhúng nội dung âm thanh vào tài liệu. Nó có thể chứa một hoặc nhiều nguồn âm thanh, được đại diện bằng thuộc tính src hoặc phần tử source: trình duyệt sẽ chọn cái phù hợp nhất. Nó cũng có thể là đích cho phương tiện phát trực tiếp, sử dụng MediaStream.
<img> Nhúng hình ảnh vào tài liệu.
<map> Được dùng với các phần tử <area> để định nghĩa bản đồ hình ảnh (vùng liên kết có thể nhấp).
<track> Được dùng như con của các phần tử phương tiện, audio và video. Cho phép bạn chỉ định các track văn bản theo thời gian (hoặc dữ liệu dựa trên thời gian), ví dụ để tự động xử lý phụ đề. Các track được định dạng theo định dạng WebVTT (tệp .vtt).
<video> Nhúng một trình phát phương tiện hỗ trợ phát video vào tài liệu. Bạn cũng có thể dùng <video> cho nội dung âm thanh, nhưng phần tử audio có thể cung cấp trải nghiệm người dùng phù hợp hơn.

Nội dung nhúng

Ngoài nội dung đa phương tiện thông thường, HTML có thể bao gồm nhiều loại nội dung khác, mặc dù không phải lúc nào cũng dễ tương tác.

Phần tử Mô tả
<embed> Nhúng nội dung bên ngoài tại điểm được chỉ định trong tài liệu. Nội dung này được cung cấp bởi một ứng dụng bên ngoài hoặc nguồn nội dung tương tác khác như plugin trình duyệt.
<fencedframe> Đại diện cho ngữ cảnh duyệt web lồng nhau, giống như <iframe> nhưng có nhiều tính năng bảo mật riêng tư hơn được tích hợp.
<iframe> Đại diện cho ngữ cảnh duyệt web lồng nhau, nhúng một trang HTML khác vào trang hiện tại.
<object> Đại diện cho một tài nguyên bên ngoài, có thể được coi là hình ảnh, ngữ cảnh duyệt web lồng nhau hoặc tài nguyên được xử lý bởi plugin.
<picture> Chứa không hoặc nhiều phần tử <source> và một phần tử <img> để cung cấp các phiên bản thay thế của hình ảnh cho các kịch bản hiển thị/thiết bị khác nhau.
<source> Chỉ định nhiều tài nguyên phương tiện cho phần tử picture, audio hoặc video. Đây là phần tử void, nghĩa là nó không có nội dung và không có thẻ đóng. Thường được dùng để cung cấp cùng một nội dung phương tiện ở nhiều định dạng tệp để đảm bảo tương thích với nhiều trình duyệt khác nhau dựa trên hỗ trợ khác nhau của chúng cho định dạng tệp hình ảnhđịnh dạng tệp phương tiện.

SVG và MathML

Bạn có thể nhúng nội dung SVGMathML trực tiếp vào tài liệu HTML, sử dụng các phần tử <svg><math>.

Phần tử Mô tả
<svg> Container định nghĩa một hệ tọa độ mới và viewport. Nó được dùng làm phần tử ngoài cùng của tài liệu SVG, nhưng cũng có thể được dùng để nhúng đoạn SVG trong tài liệu SVG hoặc HTML.
<math> Phần tử cấp cao nhất trong MathML. Mọi thể hiện MathML hợp lệ phải được bao bọc trong nó. Ngoài ra, bạn không được lồng phần tử <math> thứ hai trong phần tử khác, nhưng bạn có thể có số lượng tùy ý các phần tử con khác trong nó.

Viết kịch bản

Để tạo nội dung động và ứng dụng Web, HTML hỗ trợ việc sử dụng các ngôn ngữ kịch bản, đặc biệt là JavaScript. Một số phần tử hỗ trợ khả năng này.

Phần tử Mô tả
<canvas> Phần tử container để sử dụng với API kịch bản canvas hoặc API WebGL để vẽ đồ họa và hoạt ảnh.
<noscript> Định nghĩa một phần HTML sẽ được chèn nếu loại tập lệnh trên trang không được hỗ trợ hoặc nếu tập lệnh hiện đang bị tắt trong trình duyệt.
<script> Được dùng để nhúng mã hoặc dữ liệu thực thi; điều này thường được dùng để nhúng hoặc tham chiếu mã JavaScript. Phần tử <script> cũng có thể được dùng với các ngôn ngữ khác, chẳng hạn như ngôn ngữ lập trình shader GLSL của WebGLJSON.

Đánh dấu chỉnh sửa

Các phần tử này cho phép bạn cung cấp dấu hiệu rằng các phần cụ thể của văn bản đã được thay đổi.

Phần tử Mô tả
<del> Đại diện cho một phạm vi văn bản đã bị xóa khỏi tài liệu. Điều này có thể được dùng khi hiển thị thông tin "theo dõi thay đổi" hoặc thông tin diff mã nguồn. Phần tử <ins> có thể được dùng cho mục đích ngược lại: chỉ ra văn bản đã được thêm vào tài liệu.
<ins> Đại diện cho một phạm vi văn bản đã được thêm vào tài liệu. Bạn có thể dùng phần tử <del> để tương tự đại diện cho một phạm vi văn bản đã bị xóa khỏi tài liệu.

Nội dung bảng

Các phần tử ở đây được dùng để tạo và xử lý dữ liệu dạng bảng.

Phần tử Mô tả
<caption> Chỉ định chú thích (hoặc tiêu đề) của một bảng.
<col> Định nghĩa một hoặc nhiều cột trong nhóm cột được đại diện bởi phần tử cha ngầm định hoặc rõ ràng <colgroup>. Phần tử <col> chỉ hợp lệ là con của phần tử <colgroup> không có thuộc tính span được định nghĩa.
<colgroup> Định nghĩa một nhóm cột trong bảng.
<table> Đại diện cho dữ liệu dạng bảng — tức là thông tin được trình bày trong bảng hai chiều bao gồm các hàng và cột của ô chứa dữ liệu.
<tbody> Bao gồm một tập hợp các hàng bảng (phần tử <tr>), cho biết rằng chúng bao gồm phần thân của dữ liệu (chính) của bảng.
<td> Con của phần tử <tr>, định nghĩa một ô của bảng chứa dữ liệu.
<tfoot> Bao gồm một tập hợp các hàng bảng (phần tử <tr>), cho biết rằng chúng bao gồm chân bảng với thông tin về các cột của bảng. Đây thường là tóm tắt của các cột, ví dụ: tổng của các số trong một cột.
<th> Con của phần tử <tr>, định nghĩa một ô là tiêu đề của nhóm các ô bảng. Bản chất của nhóm này có thể được định nghĩa rõ ràng bằng các thuộc tính scopeheaders.
<thead> Bao gồm một tập hợp các hàng bảng (phần tử <tr>), cho biết rằng chúng bao gồm đầu bảng với thông tin về các cột của bảng. Điều này thường ở dạng tiêu đề cột (phần tử <th>).
<tr> Định nghĩa một hàng ô trong bảng. Các ô của hàng sau đó có thể được thiết lập bằng sự kết hợp của các phần tử <td> (ô dữ liệu) và <th> (ô tiêu đề).

Biểu mẫu

HTML cung cấp một số phần tử có thể được dùng cùng nhau để tạo các biểu mẫu mà người dùng có thể điền và gửi đến trang web hoặc ứng dụng. Thông tin thêm về điều này có trong hướng dẫn biểu mẫu HTML.

Phần tử Mô tả
<button> Một phần tử tương tác được người dùng kích hoạt bằng chuột, bàn phím, ngón tay, lệnh giọng nói hoặc công nghệ hỗ trợ khác. Khi được kích hoạt, nó thực hiện một hành động, chẳng hạn như gửi biểu mẫu hoặc mở hộp thoại.
<datalist> Chứa một tập hợp các phần tử <option> đại diện cho các tùy chọn được phép hoặc được khuyến nghị có thể chọn trong các điều khiển khác.
<fieldset> Được dùng để nhóm một số điều khiển cũng như nhãn (<label>) trong biểu mẫu web.
<form> Đại diện cho một phần tài liệu chứa các điều khiển tương tác để gửi thông tin.
<input> Được dùng để tạo các điều khiển tương tác cho biểu mẫu dựa trên web để chấp nhận dữ liệu từ người dùng; có nhiều loại dữ liệu đầu vào và tiện ích điều khiển khác nhau, tùy thuộc vào thiết bị và tác nhân người dùng. Phần tử <input> là một trong những phần tử mạnh mẽ và phức tạp nhất trong tất cả HTML do số lượng lớn các tổ hợp loại đầu vào và thuộc tính.
<label> Đại diện cho chú thích cho một mục trong giao diện người dùng.
<legend> Đại diện cho chú thích cho nội dung của phần tử cha <fieldset>.
<meter> Đại diện cho một giá trị vô hướng trong phạm vi đã biết hoặc một giá trị phân số.
<optgroup> Tạo nhóm các tùy chọn trong phần tử <select>.
<option> Được dùng để định nghĩa một mục trong phần tử <select>, <optgroup> hoặc <datalist>. Do đó, <option> có thể đại diện cho các mục menu trong popup và các danh sách khác của mục trong tài liệu HTML.
<output> Phần tử container mà một trang web hoặc ứng dụng có thể chèn kết quả của phép tính hoặc kết quả của hành động người dùng.
<progress> Hiển thị chỉ báo tiến độ hoàn thành của một tác vụ, thường được hiển thị dưới dạng thanh tiến độ.
<select> Đại diện cho điều khiển cung cấp menu các tùy chọn.
<selectedcontent> Hiển thị nội dung của <option> hiện được chọn bên trong phần tử <select> đã đóng.
<textarea> Đại diện cho điều khiển chỉnh sửa văn bản thuần túy đa dòng, hữu ích khi bạn muốn cho phép người dùng nhập một lượng văn bản tự do đáng kể, ví dụ: bình luận về bài đánh giá hoặc biểu mẫu phản hồi.

Phần tử tương tác

HTML cung cấp lựa chọn các phần tử giúp tạo các đối tượng giao diện người dùng tương tác.

Phần tử Mô tả
<details> Tạo tiện ích tiết lộ trong đó thông tin chỉ hiển thị khi tiện ích được chuyển sang trạng thái "mở". Tóm tắt hoặc nhãn phải được cung cấp bằng phần tử <summary>.
<dialog> Đại diện cho hộp thoại hoặc thành phần tương tác khác, chẳng hạn như cảnh báo có thể bỏ qua, inspector hoặc cửa sổ phụ.
<geolocation> Thử nghiệm Tạo điều khiển tương tác để người dùng chia sẻ dữ liệu vị trí địa lý của họ với trang.
<summary> Chỉ định tóm tắt, chú thích hoặc chú giải cho hộp tiết lộ của phần tử details. Nhấp vào phần tử <summary> sẽ chuyển trạng thái của phần tử cha <details> giữa mở và đóng.

Thành phần Web

Thành phần Web là công nghệ liên quan đến HTML giúp có thể tạo và sử dụng các phần tử tùy chỉnh như thể chúng là HTML thông thường. Ngoài ra, bạn có thể tạo các phiên bản tùy chỉnh của các phần tử HTML tiêu chuẩn.

Phần tử Mô tả
<slot> Một phần của bộ công nghệ Thành phần Web, phần tử này là một chỗ giữ chỗ bên trong thành phần web mà bạn có thể điền bằng đánh dấu của riêng mình, cho phép bạn tạo các cây DOM riêng biệt và trình bày chúng cùng nhau.
<template> Cơ chế để giữ HTML không được hiển thị ngay khi tải trang nhưng có thể được khởi tạo sau đó trong thời gian chạy bằng JavaScript.

Các phần tử lỗi thời và không còn dùng nữa

Warning: Đây là các phần tử HTML cũ đã lỗi thời và không nên dùng. Bạn không bao giờ nên dùng chúng trong các dự án mới, và bạn nên thay thế chúng trong các dự án cũ càng sớm càng tốt. Chúng được liệt kê ở đây chỉ để tham khảo đầy đủ.

Phần tử Mô tả
<acronym> Cho phép tác giả chỉ ra rõ ràng một chuỗi ký tự tạo thành từ viết tắt hoặc chữ viết tắt cho một từ.
<big> Hiển thị văn bản kèm theo ở cỡ chữ lớn hơn một cấp so với văn bản xung quanh (ví dụ: medium trở thành large). Kích thước được giới hạn ở cỡ chữ tối đa được phép của trình duyệt.
<center> Hiển thị nội dung cấp khối hoặc nội tuyến của nó ở giữa nằm ngang trong phần tử chứa của nó.
<content> Một phần lỗi thời của bộ công nghệ Thành phần Web — được dùng bên trong Shadow DOM như một điểm chèn, và không có nghĩa là được dùng trong HTML thông thường. Nó hiện đã được thay thế bởi phần tử <slot>, tạo ra một điểm trong DOM mà tại đó shadow DOM có thể được chèn. Hãy cân nhắc dùng <slot> thay thế.
<dir> Container cho thư mục của tệp và/hoặc thư mục, có thể với kiểu dáng và biểu tượng được tác nhân người dùng áp dụng. Không dùng phần tử lỗi thời này; thay vào đó, hãy dùng phần tử <ul> cho danh sách, kể cả danh sách tệp.
<font> Định nghĩa cỡ chữ, màu sắc và kiểu chữ cho nội dung của nó.
<frame> Định nghĩa một vùng cụ thể trong đó có thể hiển thị một tài liệu HTML khác. Một frame nên được dùng trong <frameset>.
<frameset> Được dùng để chứa các phần tử <frame>.
<image> Một tiền thân cổ xưa và ít được hỗ trợ của phần tử <img>. Không nên dùng.
<marquee> Được dùng để chèn vùng văn bản cuộn. Bạn có thể kiểm soát điều gì xảy ra khi văn bản đến các cạnh của vùng nội dung bằng cách sử dụng thuộc tính của nó.
<menuitem> Đại diện cho một lệnh mà người dùng có thể gọi qua menu bật lên. Điều này bao gồm menu ngữ cảnh, cũng như các menu có thể được gắn vào nút menu.
<nobr> Ngăn văn bản nó chứa tự động xuống dòng trên nhiều dòng, có thể dẫn đến việc người dùng phải cuộn ngang để xem toàn bộ chiều rộng của văn bản.
<noembed> Một cách lỗi thời, không chuẩn để cung cấp nội dung thay thế hoặc "dự phòng" cho các trình duyệt không hỗ trợ phần tử embed hoặc không hỗ trợ loại nội dung nhúng mà tác giả muốn sử dụng. Phần tử này đã bị deprecated trong HTML 4.01 trở lên để ủng hộ việc đặt nội dung dự phòng giữa các thẻ mở và đóng của phần tử <object>.
<noframes> Cung cấp nội dung để trình bày trong các trình duyệt không hỗ trợ (hoặc đã tắt hỗ trợ) phần tử <frame>. Mặc dù hầu hết các trình duyệt thường dùng đều hỗ trợ frame, nhưng có những ngoại lệ, bao gồm một số trình duyệt dùng cho mục đích đặc biệt bao gồm một số trình duyệt di động, cũng như trình duyệt chế độ văn bản.
<param> Định nghĩa các tham số cho phần tử <object>.
<plaintext> Hiển thị mọi thứ sau thẻ bắt đầu dưới dạng văn bản thô, bỏ qua bất kỳ HTML nào theo sau. Không có thẻ đóng, vì mọi thứ sau nó đều được coi là văn bản thô.
<rb> Được dùng để phân định thành phần văn bản cơ sở của chú thích ruby, tức là văn bản đang được chú thích. Mỗi phần tử <rb> phải bao bọc mỗi phân đoạn nguyên tử riêng biệt của văn bản cơ sở.
<rtc> Bao gồm các chú thích ngữ nghĩa của các ký tự được trình bày trong ruby của các phần tử <rb> được dùng bên trong phần tử <ruby>. Các phần tử <rb> có thể có cả chú thích phát âm (<rt>) và ngữ nghĩa (<rtc>).
<shadow> Một phần lỗi thời của bộ công nghệ Thành phần Web được thiết kế để được dùng như một điểm chèn shadow DOM. Bạn có thể đã dùng nó nếu tạo nhiều shadow root dưới một shadow host. Hãy cân nhắc dùng <slot> thay thế.
<strike> Đặt đường gạch ngang (đường ngang) lên văn bản.
<tt> Tạo văn bản nội tuyến được trình bày bằng phông chữ monospace mặc định của tác nhân người dùng. Phần tử này được tạo ra để hiển thị văn bản như thể nó được hiển thị trên màn hình độ rộng cố định như máy đánh chữ, màn hình chỉ văn bản hoặc máy in dòng.
<xmp> Hiển thị văn bản giữa các thẻ bắt đầu và kết thúc mà không giải thích HTML ở giữa và sử dụng phông chữ monospace. Đặc tả HTML2 khuyến nghị rằng nó nên được hiển thị đủ rộng để cho phép 80 ký tự mỗi dòng.

Xem thêm