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: nhận xét về mã html

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  Cách tải và sử dụng phông chữ tùy chỉnh với CSS - cách sử dụng phông chữ css

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  Thuộc tính đệm CSS - css body padding top

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 những thông tin liên quan đến chủ đề bình luận mã html

How to Add HTML Code to Wix Website (Easy)

  • Tác giả: How to Digital
  • Ngày đăng: 2020-07-09
  • Đánh giá: 4 ⭐ ( 9159 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Learn How to Add HTML Code to Wix Website

    In this video I show you how you can add html code to a website on wix. All you need to do is click on add and then search for an HTML iframe, this will allow you to add html code.

    Subscribe to How to Digital for more solutions to your problems:
    https://www.youtube.com/channel/UCRGVYXL-ttpmh9Cn7PmhD0A?sub_confirmation=1

    If this video helped you out please consider leaving a like & commenting down below if this works! Thank you so much 🙂

    HowToDigital

Demo Code HTML Tạo Comment trong HTML

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 4 ⭐ ( 9948 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Comment được dùng để tạo các chú thích trong source code HTML. Khi hiển thị trang web trên trình duyệt thì nội dung comment sẽ không được hiển thị.

Comment trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 4 ⭐ ( 5500 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.

Hướng dẫn thêm bình luận Google và Facebook vào website

  • Tác giả: lar.edu.vn
  • Đánh giá: 5 ⭐ ( 8400 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài này mình sẽ hướng dẫn các bạn chèn bình luận của Google và Facebook vào website, việc chèn nó vào website rất đơn giản.

[Bài 7] Bình luận trong HTML5

  • Tác giả: tienminhvy.com
  • Đánh giá: 4 ⭐ ( 5978 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này, chúng ta sẽ tìm hiểu về bình luận trong HTML5, là thứ giúp chúng ta ghi chú một số vấn đề trong mã nguồn HTML5.

Các thẻ HTML tạo form thu thập dữ liệu

  • Tác giả: freetuts.net
  • Đánh giá: 4 ⭐ ( 3576 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu một số thẻ HTML dùng để tạo form nhập dữ liệu thường dùng nhất. Những thẻ html tạo form này mình đã giới thiệu rất nhiều trong mục học HTML / CSS

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

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 8514 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ả…

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

Xem Thêm  Python Thêm phần tử vào danh sách (10 Ví dụ) - thêm phần tử mới vào danh sách python

By ads_php