Comment (nhận xét) là một đoạn mã sẽ không được hiển thị bởi bất kỳ trình duyệt web khi chạy. Đó là một cách thực hành tốt để thêm nhận xét vào mã HTML của bạn, đặc biệt là trong các tài liệu phức tạp, để chỉ ra các phần của tài liệu và bất kỳ ghi chú nào khác cho bất kỳ ai nhìn vào mã. Nhận xét giúp bạn và những người khác hiểu mã của bạn và tăng khả năng đọc mã.
Nhận xét HTML được đặt ở giữa các thẻ <! – … -> . Vì vậy, mọi nội dung được đặt trong thẻ <! – … -> sẽ được coi là nhận xét và sẽ bị trình duyệt bỏ qua hoàn toàn.
Ví dụ:
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”wvMVMLW” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/wvMVMLW’>wvMVMLW</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
1. Nhận xét hợp lệ và không hợp lệ
Bình luận không lồng nhau có nghĩa là một bình luận không thể được đặt trong một bình luận khác. Thứ hai, chuỗi dấu gạch ngang kép “-” có thể không xuất hiện trong một nhận xét ngoại trừ là một phần của thẻ đóng ->. Bạn cũng phải đảm bảo rằng không có khoảng trắng trong chuỗi nhận xét bắt đầu
.Ví dụ:
Ở đây, nhận xét đã cho là một nhận xét hợp lệ và sẽ bị trình duyệt xóa sạch.
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”QWyeNjg” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/QWyeNjg’>QWyeNjg</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
Nhưng dòng sau không phải là một nhận xét hợp lệ và sẽ được trình duyệt hiển thị. Điều này là do có một khoảng cách giữa dấu ngoặc góc trái và dấu chấm than.
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”YzwmqwK” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/YzwmqwK’>YzwmqwK</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
2. Nhận xét đa dòng
Cho đến nay chúng ta đã thấy các nhận xét một dòng, nhưng HTML cũng hỗ trợ các nhận xét nhiều dòng.
Bạn có thể nhận xét nhiều dòng bằng thẻ bắt đầu <! – và thẻ kết thúc -> được đặt trước dòng đầu tiên và cuối dòng cuối cùng như trong ví dụ đã cho bên dưới.
Ví dụ:
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”ZEQgWOo” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/ZEQgWOo’>ZEQgWOo</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
3. Nhận xét có điều kiện
Nhận xét có điều kiện chỉ hoạt động trong Internet Explorer (IE) trên Windows nhưng chúng bị các trình duyệt khác bỏ qua. Chúng được hỗ trợ từ Explorer 5 trở đi và bạn có thể sử dụng chúng để đưa ra các hướng dẫn có điều kiện cho các phiên bản IE khác nhau.
Ví dụ:
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”mdVNPOV” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/mdVNPOV’>mdVNPOV</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]Bạn sẽ gặp một tình huống mà bạn sẽ cần phải áp dụng một biểu định kiểu khác nhau dựa trên các phiên bản khác nhau của Internet Explorer, trong trường hợp như vậy, các nhận xét có điều kiện sẽ hữu ích.
4. Sử dụng thẻ nhận xét (<comment></comment>)
Có một vài trình duyệt hỗ trợ thẻ <comment> để nhận xét một phần của mã HTML.
Lưu ý – Thẻ <comment> không dùng nữa trong HTML5 vì nó không còn sử dụng yếu tố này.
Ví dụ:
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”JjGgXbV” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/JjGgXbV’>JjGgXbV</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]Nếu bạn đang sử dụng IE, thì nó sẽ tạo ra kết quả như sau :
=> Đây là Internet Explorer.
Nhưng nếu bạn không sử dụng IE, thì nó sẽ tạo ra kết quả như sau :
=> Đây không là Internet Explorer.
5. Nhận xét trong mã script
Mặc dù bạn sẽ học JavaScript bằng HTML, trong một hướng dẫn riêng biệt, nhưng ở đây bạn phải lưu ý rằng nếu bạn đang sử dụng Java Script hoặc VB Script trong mã HTML của mình thì nên đặt mã script đó trong các nhận xét HTML phù hợp sao cho cũ trình duyệt có thể hoạt động đúng.
Ví dụ:
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”qBbeZRG” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/qBbeZRG’>qBbeZRG</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
6. Nhận xét trong Style Sheets
Khi bạn viết mã CSS trong file HTML bạn nên đặt mã CSS đó vào trong các nhận xét HTML thích hợp để các trình duyệt cũ có thể hoạt động đúng.
Ví dụ:
[codepen_embed height=”265″ theme_id=”dark” slug_hash=”ExPqKWr” default_tab=”html,result” user=”davidkhai”]See the Pen <a href=’https://codepen.io/davidkhai/pen/ExPqKWr’>ExPqKWr</a> by DavidKhai (<a href=’https://codepen.io/davidkhai’>@davidkhai</a>) on <a href=’https://codepen.io’>CodePen</a>.[/codepen_embed]
