Trong bài viết này, bạn sẽ học cách thêm nhận xét đơn và nhiều dòng vào tài liệu HTML của mình. Bạn cũng sẽ thấy lý do tại sao nhận xét được coi là một phương pháp hay khi viết mã HTML. Bắt đầu nào! Thẻ nhận xét HTML Cú pháp chung cho một nhận xét HTML trông giống như sau: Bạn đang xem: cách nhận xét trong html

Trong trong bài viết này, bạn sẽ học cách thêm nhận xét đơn và nhiều dòng vào tài liệu HTML của mình.

Bạn cũng sẽ biết lý do tại sao nhận xét được coi là một phương pháp hay khi viết mã HTML.

Hãy bắt đầu!

Cú pháp chung cho một nhận xét HTML trông giống như sau:

  & lt;! - Tôi là một bình luận! - & gt;
 

Nhận xét trong HTML bắt đầu bằng & lt;! - và kết thúc bằng - & gt; .

Đừng quên dấu chấm than ở đầu thẻ! Nhưng bạn không cần thêm nó vào cuối.

Thẻ bao quanh bất kỳ văn bản hoặc thẻ HTML nào khác mà bạn muốn nhận xét.

Nhận xét HTML không được hiển thị trong trình duyệt. Điều này có nghĩa là bất kỳ nhận xét nào bạn thêm vào mã nguồn HTML của mình sẽ không được hiển thị khi tài liệu được hiển thị trong trình duyệt web.

Điều đó đang được nói, hãy nhớ rằng bất kỳ ai cũng có thể xem mã nguồn của mọi trang web được xuất bản trên Internet bằng cách truy cập View - & gt; Nhà phát triển - & gt; Xem Nguồn – và điều này cũng bao gồm tất cả các nhận xét!

Vì vậy, nhận xét của bạn sẽ hiển thị cho những người khác biết nếu bạn đặt tài liệu HTML ở chế độ công khai và họ chọn xem mã nguồn.

Viết nhận xét là hữu ích và đó là một phương pháp hay để làm theo khi viết mã nguồn. Nhận xét giúp bạn ghi lại và giao tiếp về mã và quy trình suy nghĩ của bạn cho chính bạn (và những người khác). Nó cũng nhắc nhở bạn những gì bạn đang nghĩ / làm khi quay lại một dự án sau nhiều tháng không thực hiện nó.

Nhận xét cũng giúp bạn giao tiếp với các nhà phát triển khác đang làm việc trong dự án với bạn. Nhận xét của bạn có thể giải thích rõ ràng cho họ lý do tại sao bạn thêm một số dòng mã nhất định.

Một nhận xét đơn dòng chỉ kéo dài một dòng. Như đã đề cập trước đó, dòng đó sẽ không được hiển thị trong trình duyệt.

Sử dụng nhận xét một dòng khi bạn muốn giải thích và làm rõ mục đích đằng sau mã theo sau nó hoặc khi bạn muốn thêm lời nhắc cho chính mình như vậy:

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt;! - Thêm thanh điều hướng tại đây - & gt;
    & lt; h2 & gt; Giới thiệu về tôi & lt; / h2 & gt;
    & lt; p & gt; Tôi đang học viết mã với freeCodeCamp. & lt; / p & gt;
    & lt; p & gt; Tôi đang xem qua từng chứng chỉ tuyệt vời và siêu hữu ích của họ. & lt; / p & gt;
    & lt; p & gt; Tôi đang trên đường trở thành nhà phát triển web fullstack! & lt; / p & gt;
    & lt; h3 & gt; Kinh nghiệm làm việc & lt; / h3 & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Nhận xét một dòng cũng hữu ích khi bạn muốn làm rõ vị trí kết thúc của thẻ. Điều này rất hữu ích trong một tài liệu HTML dài và phức tạp, nơi có nhiều thứ đang diễn ra và bạn có thể bối rối không biết thẻ đóng nằm ở đâu.

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; section class = "contact" & gt;
    & lt; / phần & gt; & lt;! - thẻ đóng của phần liên hệ ở đây - & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Bạn cũng có thể thêm nhận xét vào giữa câu hoặc dòng mã.

Xem Thêm  Mã màu xám nhạt - mã html cho màu xám nhạt

Chỉ văn bản bên trong & lt;! - - & gt; mới được nhận xét và phần còn lại của văn bản bên trong thẻ sẽ không bị ảnh hưởng.

  & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; p & gt; Tôi & lt;! - sắp - & gt; nhà phát triển web & lt; / p & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Nhận xét cũng có thể kéo dài nhiều dòng, sử dụng cùng một cú pháp mà bạn đã thấy cho đến nay.

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; p & gt; Tôi là nhà phát triển web & lt; / p & gt;
    & lt;! - Đây sẽ là danh mục đầu tư của tôi.
    Nó sẽ giới thiệu những dự án mà tôi tự hào nhất.
    Tôi có thể tiếp tục về những gì tôi muốn thêm
    bởi vì tôi đang viết một nhận xét nhiều dòng ở đây - & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Vậy nếu bạn muốn nhận xét một thẻ trong HTML thì sao?

Bạn bọc thẻ bạn đã chọn trong & lt;! - - & gt; , như vậy:

 
! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
    & lt; meta charset = "UTF-8" & gt;
    & lt; meta http-equiv = "X-UA-Tương thích" content = "IE = edge" & gt;
    & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
    & lt; title & gt; Tài liệu & lt; / title & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; h2 & gt; Trang danh mục đầu tư của tôi & lt; / h2 & gt;
    & lt; h3 & gt; freeCodeCamp dự án chứng nhận & lt; / h3 & gt;
    & lt;! - & lt; section class = "hero" & gt;
    & lt; / phần & gt; - & gt;
    & lt; h2 & gt; Giới thiệu về Tôi & lt; / h2 & gt;
& lt; / body & gt;
& lt; / html & gt;
 

Nhận xét về các thẻ sẽ giúp gỡ lỗi.

Xem Thêm  CẬP NHẬT (Transact-SQL) - Máy chủ SQL - cập nhật sql ở đâu trong

Khi điều gì đó không hoạt động theo cách nó phải làm hoặc chúng theo cách bạn dự định, hãy bắt đầu nhận xét từng thẻ riêng lẻ từng thẻ một. Điều này cho phép bạn kiểm tra chúng và xem cái nào đang gây ra sự cố.

Có những phím tắt bạn có thể sử dụng để thêm nhận xét – và có thể bạn sẽ sử dụng chúng rất nhiều. Phím tắt là Command / cho người dùng Mac hoặc Control / cho người dùng Windows và Linux.

Để thêm nhận xét một dòng, chỉ cần giữ tổ hợp phím được hiển thị ở trên bên trong trình chỉnh sửa mã. Sau đó, toàn bộ dòng bạn đang xem sẽ được bình luận. Chỉ cần lưu ý rằng vì mọi thứ sẽ được nhận xét trên dòng đó, điều này chỉ hoạt động đối với các nhận xét đơn dòng. Bạn sẽ cần thêm các nhận xét nội tuyến theo cách thủ công.

Để thêm nhận xét nhiều dòng, hãy chọn và đánh dấu tất cả văn bản hoặc thẻ bạn muốn nhận xét và giữ hai phím hiển thị trước đó. Giờ đây, mỗi dòng bạn đã chọn sẽ có một nhận xét.

Kết luận

Và bạn đã có nó – bây giờ bạn biết cách và lý do sử dụng nhận xét trong HTML!

Tìm hiểu thêm về HTML bằng cách xem các video sau trên kênh YouTube của freeCodeCamp:

freeCodeCamp cũng cung cấp chứng nhận miễn phí dựa trên dự án về Thiết kế web đáp ứng .

Nó là lý tưởng cho những người mới bắt đầu hoàn chỉnh và không có kiến ​​thức trước đó. Bạn sẽ bắt đầu từ những điều cơ bản cần thiết tuyệt đối và xây dựng các kỹ năng của mình khi bạn tiến bộ. Cuối cùng, bạn sẽ hoàn thành năm dự án.

Cảm ơn bạn đã đọc và chúc bạn học vui vẻ 🙂


Xem Thêm  Làm cách nào để tìm vị trí của các phần tử HTML trong JavaScript? - có được vị trí trên cùng của một phần tử trong javascript

Xem thêm những thông tin liên quan đến chủ đề cách bình luận trong html

7: How To Create HTML and CSS Comments | Learn HTML and CSS | HTML Tutorial | CSS Tutorial

  • Tác giả: Dani Krossing
  • Ngày đăng: 2017-08-14
  • Đánh giá: 4 ⭐ ( 8538 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: How to create HTML and CSS comments | Learn HTML and CSS | HTML tutorial. In the HTML tutorial, you will learn how to create HTML and CSS comments.

    ➤ GET ACCESS TO MY LESSON MATERIAL HERE!

    First of all, thank you for all the support you have given me!

    I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you!

    I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach.

    I hope you will find it helpful 🙂

    Material for this lesson: https://www.patreon.com/posts/lesson-material-42361704

Làm thế nào để bình luận nhiều dòng trong Visual Studio Code?

  • Tác giả: qastack.vn
  • Đánh giá: 5 ⭐ ( 5998 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Shift+ Alt+A Ở đây bạn có thể tìm thấy tất cả các phím tắt. Tất cả…

Cách bình luận & bình luận trong HTML

  • Tác giả: kynguyencongnghe.com
  • Đánh giá: 3 ⭐ ( 3872 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Cách tạo bình luận trong HTML

  • Tác giả: tech-wiki.online
  • Đánh giá: 4 ⭐ ( 7105 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Comment trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 5 ⭐ ( 1393 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Comment trong HTML – Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, comment trong HTML, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

Cách Tạo Chú Thích Trong HTML

  • Tác giả: nguyenhung.net
  • Đánh giá: 3 ⭐ ( 3604 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Comment trong HTML – Cách tạo chú thích trong HTML để giúp người viết ghi chú từng đoạn code để sau này khi đọc lại hoặc khi sữa code sẽ dễ dàng hơn.

10 cách tăng lượt bình luận (comment) cho blog/ website nhanh nhất

  • Tác giả: tuhocmmo.com
  • Đánh giá: 5 ⭐ ( 2826 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Vì sao blog của bạn lại rất ít comment từ độc giả ? Bài viết chia sẻ cách tăng lượt bình luận, số lượng comment bài viết trên blog, website nhanh nhất…

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php