NỘI DUNG BÀI VIẾT
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>-->Code language: HTML, XML (xml)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>Code language: HTML, XML (xml)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>Code language: HTML, XML (xml)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>Code language: HTML, XML (xml)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.
Lưu ý
Nếu bạn viết chú thích về mã của mình, nó sẽ giúp bạn có thể đọc lại chương trình dễ dàng hơn và các lập trình viên khác cũng vậy. Sẽ không mất công sức để xem cái đoạn mã đó viết cái gì, xử lý những cái gì, thực thi ra sao.
Theo nguyên tắc chung, hãy sử dụng các chú thích để giải thích tại sao bạn làm điều đó chứ đừng giải thích cách bạn làm điều đó để chứng minh rằng mình giỏi.
Ghi nhớ: Đừng giải thích tại sao bạn viết mã kém, hãy cố gắng viết mã thật tốt, hiểu được luồng xử lý để tự mình có thể comment vào đó! Nếu không được thì nên nhờ sự giúp đỡ của đồng nghiệp và leader của mình để có thể viết mã 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ảm ơn bạn đã theo dõi bài viết!
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.
TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦU
KHOÁ HỌC BOOTCAMP JAVA/PHP/.NET TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG
