Thẻ comment trong HTML, tạo chú thích cho mã nguồn web

Thẻ comment được dùng để thêm bình luận, ghi chú vào mã nguồn HTML. Đọc thêm bài viết dưới đây của Mytour để tìm hiểu chi tiết về thẻ comment trong HTML.

Khám phá chi tiết về thẻ comment trong HTML

1. Thẻ comment trong HTML

Để thêm ghi chú, chú thích vào mã nguồn HTML, chúng ta sử dụng cú pháp sau đây:

Chú ý:

- Ký hiệu ba chấm là nơi để thêm chú thích, ghi chú.

- Trong cú pháp trên, có một dấu chấm than ở đầu thẻ, nhưng không có ở phần đóng thẻ.

- Trình duyệt không hiển thị chú thích, comment nhưng giúp ghi lại mã nguồn HTML.

Bằng cách sử dụng thẻ comment, chúng ta có thể thêm thông báo và lời nhắc vào mã nguồn HTML.

Ví dụ 1: dưới đây là một minh họa về cách sử dụng thẻ comment trong HTML:

Kết quả sau khi sử dụng thẻ comment có dạng như dưới đây:

Ngoài ra, thẻ comment

Ví dụ 2: dưới đây là ví dụ minh họa cách sử dụng thẻ comment để gỡ lỗi HTML:

Kết quả sau khi sử dụng thẻ comment để gỡ lỗi HTML sẽ có dạng như sau:

2. Comment hợp lệ và không hợp lệ trong HTML

Comment trong HTML không được phép lồng vào nhau, nghĩa là comment này không thể đặt bên trong một comment khác. Dấu gạch ngang thứ hai '--' có thể không hiển thị bên trong một comment, trừ khi nó là một phần của thẻ đóng -->. Ngoài ra, cần đảm bảo không có dấu cách trong chuỗi comment ở đầu.

Ví dụ 1: dưới đây là ví dụ về comment hợp lệ, trình duyệt sẽ bỏ qua comment này:

Kết quả sau khi áp dụng thẻ comment sẽ có dạng như sau:

Ví dụ 2: ví dụ dưới đây minh họa comment không hợp lệ và được trình duyệt hiển thị. comment này không hợp lệ vì có dấu cách giữa dấu ngoặc nhọn và dấu chấm than.

Kết quả sau khi sử dụng thẻ comment sẽ có dạng như sau:

3. Comment nhiều dòng trong HTML

Bên cạnh comment 1 dòng, HTML còn hỗ trợ comment nhiều dòng.

Chúng ta có thể tạo comment nhiều dòng bằng cách đặt thẻ vào dòng cuối cùng như minh họa dưới đây.

Ví dụ: dưới đây là một ví dụ về comment nhiều dòng trong HTML:

Kết quả sau khi sử dụng comment nhiều dòng sẽ có dạng như sau:

4. Comment có điều kiện trong HTML

Comment có điều kiện trong HTML chỉ hoạt động trên trình duyệt Internet Explorer (IE) trên Windows, trên IE v5.0 và các phiên bản cũ hơn. Các trình duyệt web khác bỏ qua loại comment này. Chúng ta có thể sử dụng comment có điều kiện để đưa các chỉ thị có điều kiện cho các phiên bản khác nhau của IE.

Ví dụ: dưới đây là một ví dụ minh họa cách sử dụng comment có điều kiện trong HTML:

Kết quả sau khi sử dụng comment có điều kiện sẽ có dạng như sau:

5. Ứng dụng thẻ comment trong HTML

Một số trình duyệt hỗ trợ thẻ comment để thêm chú thích trong mã HTML.

Lưu ý: HTML5 không còn hỗ trợ thẻ comment nữa.

Ví dụ: dưới đây là một ví dụ về cách sử dụng thẻ comment trong HTML:

Nếu không sử dụng trình duyệt IE, kết quả xuất hiện sẽ như sau:

Bài viết này của Mytour đã giới thiệu về thẻ comment trong HTML. Nếu bạn có thắc mắc hoặc câu hỏi, hãy chia sẻ ý kiến của bạn trong phần bình luận dưới bài viết.

Trong bài viết tiếp theo, Mytour sẽ tiếp tục giới thiệu về thuộc tính color, màu trong HTML.