Các tag trong HTML5

Khi học lập trình web tĩnh với HTML5, chúng ta  cần sử dụng đến rất nhiều các tag để định nghĩa các bài viết, nội dung, hình ảnh, âm thanh trên trang web của mình. Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu xem HTML5 có bao nhiêu thẻ tag mới và những thẻ nào tương tự với HTML4, cũng như những thẻ không được hỗ trợ trong HTML5.

Tag mới trong HTML5

Tag Mô tả Trạng thái
<article> Định nghĩa một bài viết, một nội dung riêng biệt.  Mới
<aside> Định nghĩa nội dung bên ngoài nội dung chính (thường là phần sidebar).  Mới
<audio> Định nghĩa âm thanh, như nhạc hay trường audio khác..  Mới
<canvas> Được dùng để hiển thị đồ họa.  Mới
<command> Định nghĩa một nút lệnh, giống như một Radiobutton, hộp kiểm, hoặc một button.  Mới
<datalist> Định nghĩa một danh sách tùy chọn, sử dụng thành phần này cùng với các thành phần input.  Mới
<details> Xác định thêm chi tiết hoặc điều khiển có thể được ẩn hoặc hiển thị theo yêu cầu.  Mới
<embed> Xác định nội dung nhúng như một plugin.  Mới
<figcaption> Xác định một chú thích cho tag figure.  Mới
<figure> Xác định các nội dung liên quan mạch lạc với nhau, như hình ảnh, sơ đồ, code,...  Mới
<footer> Định nghĩa khu vực footer (phần cuối) của trang.  Mới
<header> Định nghĩa khu vực header (phần đầu) của trang.  Mới
<hgroup> Định nghĩa một nhóm các tiêu đề.  Mới
<keygen> Xác định một cặp trường khóa chính sử dụng cho form.  Mới
<mark> Xác định văn bản được đánh dấu, sử dụng khi muốn làm nổi bật văn bản của mình.  Mới
<meter> Định nghĩa một phép đo. Sử dụng chỉ cho phép đo với giá trị tối thiểu và tối đa.  Mới
<nav> Định nghĩa link danh mục (navigation)  Mới
<output> Đại diện cho kết quả của phép tính (giống như được thực hiện bởi script).  Mới
<progress> Mô tả tiến trình làm việc.  Mới
<rp> Hiển thị những nội dung bên trong khi trình duyệt không hỗ trợ ruby.  Mới
<rt> Định nghĩa một lời giải thích hoặc cách phát âm của các ký tự (đối với kiểu chữ Đông Á).  Mới
<ruby> Định nghĩa một chú thích ruby (đối với kiểu chữ Đông Á). Chú thích Ruby được sử dụng trong khu vực Đông Á, hiển thị cách phát âm của các ký tự Đông Á.  Mới
<section> Định nghĩa một khu vực (vùng bao).  Mới
<source> Xác định nguồn cho một media.  Mới
<summary> Xác định một tiêu đề cho các thành phần details, được sử dụng để mô tả chi tiết về tài liệu, hoặc các bộ phận của tài liệu.  Mới
<time> Xác định thời gian, ngày tháng, hoặc năm sinh.  Mới
<video> Xác định một video, chẳng hạn như một đoạn phim hoặc một trường video.  Mới
<wbr> Xác định text quá dài sẽ tự động xuống hàng (không tràn layout)  Mới

Những tag tương tự HTML4 / XHTML

Tag Mô tả Trạng thái
<!--...--> Xác định một comment, một chú thích.  Không đổi
<!DOCTYPE> Xác định mẫu cho văn bản HTML.  Không đổi
<a> Xác định một liên kết.  Không đổi
<abbr> Mô tả cụm từ viết tắt.  Không đổi
<address> Xác định thông tin liên hệ (địa chỉ, mail, điện thoại,...).  Không đổi
<area /> Xác định vùng bên trong map của image.  Không đổi
<b> Hiển thị text đậm.  Không đổi
<base /> Xác định một địa chỉ mặc định hay một mục tiêu mặc định cho tất cả link trên trang.  Không đổi
<bdo> Xác định hướng của text (từ trái sang phải hoặc từ phải sang trái).  Không đổi
<blockquote> Xác định một đoạn trích dẫn dài.  Không đổi
<body> Xác định phần thân của văn bản HTML.  Không đổi
<br /> Ngắt một đoạn text xuống hàng.  Không đổi
<button> Xác định một button.  Không đổi
<caption> Xác định một chú thích cho table.  Không đổi
<cite> Xác định một câu trích dẫn.  Không đổi
<code> Xác định text giống code trong máy tính.  Không đổi
<col /> Xác định giá trị cột trong table.  Không đổi
<colgroup> Xác định một nhóm cột trong table cho cùng định dạng.  Không đổi
<dd> Xác định một mô tả đề mục trong danh sách (xem như phần nội dung trong danh sách).  Không đổi
<del> Hiển thị đường gạch bỏ text.  Không đổi
<dfn> Xác định một thuật ngữ.  Không đổi
<div> Xác định một phân chia khu vực hay một vùng trong văn bản.  Không đổi
<dl> Xác định một danh sách (definition list).  Không đổi
<dt> Xác định một đề mục trong danh sách (xem như phần tiêu đề trong danh sách).  Không đổi
<em> Xác định text nhấn mạnh.  Không đổi
<fieldset> Được dùng để nhóm các thành phần bên trong form một cách hợp lý.  Không đổi
<form> Xác định một form html cho người dùng nhập  Không đổi
<h1> tới <h6> Xác định tiêu đề html.  Không đổi
<head> Xác định, khai báo thông tin về văn bản HTML.  Không đổi
<hr /> Tạo một đường ngang.  Không đổi
<html> Xác định một văn bản html.  Không đổi
<i> Hiển thị chữ in nghiên.  Không đổi
<iframe> Xác định một khung nội tuyến.  Không đổi
<img /> Hiển thị một image.  Không đổi
<input /> Xác định một điều khiển nhập.  Không đổi
<ins> Xác định việc chèn text.  Không đổi
<isindex> Xác định một chỉ mục tìm kiếm liên quan đến văn bản.  Không đổi
<kbd> Hiển thị text kiểu bàn phím.  Không đổi
<label> Tạo một nhãn cho thành phần input.  Không đổi
<legend> Xác định một chú thích cho một phần tử fieldset.  Không đổi
<li> Xác định danh sách item.  Không đổi
<link /> Xác định một liên kết.  Không đổi
<map> Xác định map cho image.  Không đổi
<menu> Xác định danh sách menu.  Không đổi
<meta /> Xác định siêu dữ liệu về một văn bản HTML.  Không đổi
<noscript> Xác định một nội dung thay thế khi trình duyệt không hỗ trợ hoặc người dụng vô hiệu hóa script.  Không đổi
<object> Xác định một đối tượng nhúng.  Không đổi
<ol> Xác định danh sách có thứ tự.  Không đổi
<optgroup> Xác định một nhóm các tùy chọn liên quan trong một select.  Không đổi
<option> Xác định một tùy chọn trong một select.  Không đổi
<p> Xác định một đoạn văn.  Không đổi
<param /> Xác định một tham số cho một đối tượng.  Không đổi
<pre> Xác định văn bản định dạng sẵn.  Không đổi
<q> Định nghĩa một đoạn trích dẫn ngắn..  Không đổi
<samp> Hiển thị text kiểu sample trong máy tính.  Không đổi
<script> Xác định một script.  Không đổi
<select> Xác định danh sách lựa chọn.  Không đổi
<small> Hiển thị text nhỏ.  Không đổi
<span> Được sử dụng để nhóm các inline trong văn bản HTML..  Không đổi
<strong> Hiển thị text đậm (mục đích nhấn mạnh).  Không đổi
<style> Xác định thông tin style cho văn bản.  Không đổi
<sub> Hiển thị text lệch bên dưới.  Không đổi
<sup> Hiển thị text lệch bên trên.  Không đổi
<table> Xác định một table.  Không đổi
<tbody> Xác định một nhóm nội dung của table.  Không đổi
<td> Xác định một phần tử nội dung của table.  Không đổi
<textarea> Xác định một vùng điều khiển nhập text.  Không đổi
<tfoot> Một nhóm nội dung cuối của table.  Không đổi
<th> Xác định một phần tử tiêu đề của table.  Không đổi
<thead> Một nhóm phần tử tiêu đề của table.  Không đổi
<title> Xác định một tiêu đề của văn bản HTML.  Không đổi
<tr> Xác định một hàng của table.  Không đổi
<ul> Xác định danh sách không thứ tự.  Không đổi
<var> Xác định phần giá trị của text  Không đổi

Những tag không được hỗ trợ trong HTML5

Tag Mô tả Trạng thái Nên thay thế
<acronym> Mô tả từ viết tắt. X <abbr>
<applet> Xác định applet (nhúng JAVA). X <embed>,<object>
<basefont /> Xác định font, màu sắc, hay kích cỡ mặc định của text trong trang. X font
<big> Hiển thị text lớn. X font-size
<center> Canh giữa text. X text-align
<dir> Xác định danh sách thư mục. X <ul>
<font> Xác định font, màu sắc, và kích cỡ cho text. X font
<frame> Xác định một frame trong một khung (frameset). X <iframe>
<frameset> Xác định một khung (frameset). X <iframe>
<noframes> Xác định một nội dung thay thế khi trình duyệt không hỗ trợ hoặc người dụng vô hiệu hóa frame. X -
<s> Hiển thị gạch ngang text. X text-decoration
<strike> Hiển thị gạch ngang text. X <del>
<tt> Xác định teletype text (kiểu chữ văn bản máy). X -
<u> Hiển thị gạch dưới text. X text-decoration

Đầu 

Lịch khai giảng gần nhất

Tháng 3
16
Tháng 3
16
Thời lượng: 3 Buổi