Khác biệt giữa id và class trong HTML

Trong HTML DOM, cả id và class đều là bộ chọn phần tử (element selector) và được dùng để xác định một phần tử dựa trên tên gán cho các tham số này.

Dưới đây là những khác biệt quan trọng giữa Id và Class:

STT	Tiêu chí	Id	Class
1	Cú pháp	Trong HTML, tên ID của phần tử bắt đầu bằng ký hiệu "#" theo sau là tên duy nhất gán cho nó.	Ngược lại, class gán cho phần tử có tên bắt đầu bằng "." theo sau là tên class.
2	Bộ chọn	Chỉ một bộ chọn ID có thể gắn với một phần tử.	Nhiều bộ chọn class có thể gắn với một phần tử.
3	Tính duy nhất	Id là duy nhất trong một trang và chỉ áp dụng cho tối đa một phần tử.	Class có thể áp dụng cho nhiều phần tử nên có thể xuất hiện nhiều lần trên một trang.

Ví dụ Id vs Class

Id.html

<!DOCTYPE html> <html> <head> 
<title> Demo Id </title> 
<style> 
    #idDemo{ 
        color:green; 
        font-size:25px; 
    } 
</style> </head> 
<body style="text-align:center"> 
<h1>Lấy phần tử bằng Id</h1> 
<p id="idDemo">Demo cho bộ chọn Id</p> 
</body> </html>

Class.html

<!DOCTYPE html> <html> <head> 
<title> Demo Class </title> 
<style> 
    .classDemo{ 
        color:orange; 
        font-size:25px; 
    } 
</style> </head> 
<body style="text-align:center"> 
<h1>Lấy phần tử bằng class</h1> 
<p class="classDemo">Demo cho bộ chọn class</p> 
</body> </html>