Cách ghi chú thích (comment) trong HTML


1) Chú thích là gì !?

- Trong ngôn ngữ HTML, chú thích là những đoạn mã mà khi trình duyệt gặp phải chúng thì trình duyệt sẽ bỏ qua (điều đó đồng nghĩa với việc những đoạn mã này tàng hình đối với trình duyệt, mặc cho nó đúng hay sai cú pháp thì cũng không ảnh hưởng gì đến việc hiển thị của các phần tử khác)

2) Tại sao lại phải dùng chú thích !?

- Trong quá trình soạn thảo mã, đôi khi có những chỗ phức tạp mà chúng ta cần phải ghi lại một vài câu giải thích để sau này có xem lại mã lệnh thì cũng dễ dàng hơn, đó chính là thời điểm mà chúng ta cần phải dùng đến chú thích.

3) Cách viết chú thích

- Để viết chú thích, ta đặt những nội dung chú thích vào bên trong cặp thẻ <!-- -->

Ví dụ:

<!DOCTYPE html>
<html>
<head>
    <title>Xem ví dụ</title>
    <meta charset="utf-8">
</head>
<body>
    <!-- BÊN DƯỚI LÀ THÔNG TIN CÁ NHÂN CỦA TÔI -->
    <p>- Họ tên: Nguyễn Thành Nhân</p>
    <p>- Sinh năm: 1993</p>
    <p>- Giới tính: Nam</p>
</body>
</html>

- Lưu ý: Cặp thẻ <!-- --> có thể dùng để viết chú thích cho những nội dung nằm gọn trên một dòng hoặc nằm trải dài trên nhiều dòng.

Ví dụ:

<!DOCTYPE html>
<html>
<head>
    <title>Xem ví dụ</title>
    <meta charset="utf-8">
</head>
<body>
    <!-- BÊN DƯỚI LÀ THÔNG TIN CÁ NHÂN CỦA TÔI -->
    <p>- Họ tên: Nguyễn Thành Nhân</p>
    <p>- Sinh năm: 1993</p>
    <p>- Giới tính: Nam</p>
    <!-- BÊN TRÊN 
LÀ
THÔNG TIN CÁ NHÂN 

CỦA TÔI -->
</body>
</html>

4) Công dụng khác của chú thích

- Ngoài việc ghi nhận lại các lời giải thích, chú thích còn thường được dùng để vô hiệu hóa các đoạn mã với mục đích kiểm tra sự thực thi của những đoạn mã còn lại.

Ví dụ:

<!DOCTYPE html>
<html>
<head>
    <title>Xem ví dụ</title>
    <meta charset="utf-8">
</head>
<body>
    <p>- Họ tên: Nguyễn Thành Nhân</p>
    <!--<p>- Sinh năm: 1993</p>
    <p>- Giới tính: Nam</p>-->
    <p>- Quê quán: Cần Thơ</p>
    <p>- Cân nặng: 75kg</p>
    <!--<p>- Sở thích: Chơi game</p>-->
</body>
</html>