post-image

Chú thích trong HTML

HTML

Giới thiệu

Chú thích trong HTML 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).

Tại sao phải dùng chú thích?

Trong quá trình soạn thảo mã HTML, đôi lúc bạn sẽ cần:

  • Ghi một vài câu chú thích nào đó (những câu chú thích này không hiển thị ra màn hình)
  • Hoặc vô hiệu hóa một đoạn mã HTML để kiểm tra sự thực thi của các đoạn mã khác.

Cú pháp

Khi đó, chúng ta sẽ đặt những nội dung mà mình muốn chú thích vào bên trong cặp dấu 

<!--  nội dung chú thích được viết ở đây -->

Ví dụ:

<!-- Câu này là chú thích nên KHÔNG được hiển thị -->
<p>Đoạn này không phải chú thích nên được hiển thị</p>
<!--<p>Đoạn này là chú thích nên KHÔNG được hiển thị</p>-->

Các câu chú thích có thể được viết trên nhiều dòng

<!--<p>Câu này là chú thích nên KHÔNG được hiển thị</p>
<p>Câu này là chú thích nên KHÔNG được hiển thị</p>
<p>Câu này là chú thích nên KHÔNG được hiển thị</p>-->
<p>Câu này không phải chú thích nên được hiển thị</p>

Lưu ý: Phải có dấu chấm than (!) ở thẻ mở.

Comment 1 dòng chúng ta sử dụng phím tắt Ctrl + / (Windows) và cmd + / (Mac).

Comment nhiều dòng: chọn dòng cần comment và bấm tổ hợp phím Ctrl + shift + / (Windows) và cmd + alt + / (Mac).

Chú thích dựa theo điều kiện

Chú thích dựa theo điều kiện chỉ làm việc trên trình duyệt Internet Explorer (IE), còn đối với các trình duyệt khác thì chúng sẽ bị bỏ qua.

Chú thích dựa theo điều kiện được hỗ trợ từ phiên bản IE5 trở đi. Bạn có thể sử dụng chúng để đưa ra các hướng dẫn điều kiện cho các phiên bản khác nhau của IE.

Nếu bạn xem ví dụ này bằng trình duyệt IE8 thì trên màn hình sẽ hiển thị dòng chữ “BẠN ĐANG SỬ DỤNG TRÌNH DUYỆT Internet Explorer 8”. Còn nếu xem bằng các trình duyệt khác thì sẽ không thấy dòng chữ đó.

<!DOCTYPE html>
<html>
<body>
<!--[if IE 8]>
   <p>BẠN ĐANG SỬ DỤNG TRÌNH DUYỆT Internet Explorer 8</p>
<![endif]-->
</body>
</html>

Nếu bạn xem ví dụ này bằng trình duyệt IE phiên bản cũ hơn 9 thì trên màn hình sẽ hiển thị dòng chữ “BẠN ĐANG SỬ DỤNG TRÌNH DUYỆT Internet Explorer phiên bản cũ hơn 9”. Còn nếu xem bằng các trình duyệt khác thì sẽ không thấy dòng chữ đó.

<!DOCTYPE html>
<html>
<body>
<!--[if lt IE 9]>
   <p>BẠN ĐANG SỬ DỤNG TRÌNH DUYỆT Internet Explorer phiên bản cũ hơn 9</p>
<![endif]-->
</body>
</html>

Trình duyệt IE rất hạn chế trong việc hỗ trợ định dạng trang web (bạn thử xem trang webcoban.vn bằng trình duyệt Chrome và IE sẽ dễ dàng nhận thấy sự yếu kém của IE). Dó đó, chúng ta cần phải sử dụng chú thích điều kiện để nhúng các tập tin định dạng dành cho trình duyệt IE. Nếu người dùng đang xem trang web bằng trình duyệt IE thì những tập tin định dạng này sẽ được thực thi giúp trang web hiển thị trên IE được tốt hơn.

Kết luận

Qua đây là một số chia sẻ về chú thích trong HTML, mời bạn tiếp tục theo dõi các bài viết sau để hiểu rõ hơn về HTML.

Các bạn có thể tham khảo các bài viết hay về HTML tại đây.


Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

Chia sẻ:

Trở thành lập trình viên từ con số 0
Tags:
,

Leave a Reply

Your email address will not be published. Required fields are marked *