Kết nối

[HTML/HTML5] Phần 11: Chú thích trong HTML

4.206 lượt xem 
 
Thể loại: HTML/HTML5, Thiết kế Web 

Các thẻ chú thích dùng để chèn các chú thích vào mã nguồn HTML.

Thẻ chú thích HTML
Bạn có thể thêm các chú thích vào mã nguồn HTML bằng cách dùng cú pháp:

<! – – Chú thích của bạn ở đây – – >

Lưu ý dùng dấu chấm than (!) ở thẻ mở, không phải ở thẻ đóng. Các chú thích sẽ không hiển thị ở trình duyệt và giúp lập trình viên hiểu rõ hơn nội dung mã nguồn và bố cục trang HTML. Khi bạn dùng chú thích thì nội dung trong chú thích sẽ có màu xanh lá nhạt.

<!-- Đây là chú thích -->

<p>Đoạn văn bản thứ nhất.</p>

<!-- Thêm 1 số thông tin sau đây -->

Chú thích hữu ích trong việc dò lỗi HTML, bởi vì bạn có thể che các dòng mã HTML bằng chú thích để tìm lỗi. Ví dụ sau che mã HTML hiển thị hình ảnh để xem trang web còn lỗi khác hay không.

<!-- Dùng chú thích ẩn đoạn mã hiển thị hình dammio.jpg
<img border="0" src="dammio.jpg" alt="Mountain">
-->
<h1> Nội dung tiêu đề 1 </h1>

Chú thích điều kiện
Bạn có thể dùng chú thích điều kiện trong HTML. Ví dụ sau dùng chú thích điều kiện định nghĩa các thẻ HTML chỉ được thực thi ở trình duyệt Internet Explorer.

<!--[if IE 9]>
    .... viết mã HTML ở đây ....
<![endif]-->

Kết luận: Bài viết đã hướng dẫn bạn cách dùng chú thích trong HTML. Bạn có thể dùng chú thích để hiểu rõ nội dung mã nguồn hơn. Tuy nhiên đừng lạm dụng ghi chú thích quá nhiều, nó sẽ làm tăng dung lượng HTML và có thể ảnh hưởng tới hiệu suất tải trang web nếu bạn muốn tối ưu hóa mã nguồn.

Liên quan:  [HTML/HTML5] Phần 5: Thuộc tính HTML
Trích dẫn bài viết
  • APA:
    Dammio. (2017). [HTML/HTML5] Phần 11: Chú thích trong HTML. https://www.dammio.com/2017/08/03/htmlhtml5-phan-11-chu-thich-trong-html.
  • BibTeX:
    @misc{dammio,
    author = {Dammio},
    title = {[HTML/HTML5] Phần 11: Chú thích trong HTML},
    year = {2017},
    url = {https://www.dammio.com/2017/08/03/htmlhtml5-phan-11-chu-thich-trong-html},
    urldate = {2024-12-05}
    }
Theo dõi
Thông báo của
guest
1 Bình luận
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
1
0
Rất thích suy nghĩ của bạn, hãy bình luận.x