Hướng dẫn how to comment in html shortcut - cách bình luận trong lối tắt html

Biểu tượng hồ sơ

Đó là cách duy nhất. Trừ khi..

là cách duy nhất để bình luận trong HTML.

Trừ khi bạn sử dụng JavaScript để thay thế các nội dung cụ thể bằng RegEXP, (điều đó có nghĩa là bạn có thể tự nhận xét cách bình luận!) you use JavaScript to replace specific stuff using regexp, (which means you can make your own way of commenting!)

Hoặc, nếu bạn không muốn làm điều đó, bạn có thể thực hiện thủ thuật này trong VSCODE hoặc SỞ HỮU: Bạn có thể làm ctrl + / để nhận xét các dòng hoặc chọn văn bản cụ thể bạn muốn bình luận và nhấn ctrl + /.
You can do ctrl + / to comment lines, or select the specific text you want to comment and press ctrl + /.

Thí dụ

Nhận xét HTML:

Đây là một đoạn văn.

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thẻ nhận xét được sử dụng để chèn nhận xét trong mã nguồn. Nhận xét không được hiển thị trong các trình duyệt.

Bạn có thể sử dụng nhận xét để giải thích mã của bạn, điều này có thể giúp bạn khi bạn chỉnh sửa mã nguồn vào một ngày sau đó. Điều này đặc biệt hữu ích nếu bạn có nhiều mã.

Hỗ trợ trình duyệt

Lời khuyên và ghi chú

Bạn có thể sử dụng thẻ nhận xét để "ẩn" các tập lệnh từ các trình duyệt mà không cần hỗ trợ cho các tập lệnh (vì vậy chúng không hiển thị chúng dưới dạng văn bản đơn giản):

& nbsp;

 

Lưu ý: Hai dấu gạch chéo phía trước ở cuối dòng bình luận (//) là biểu tượng nhận xét JavaScript. Điều này ngăn JavaScript thực thi thẻ ->. The two forward slashes at the end of comment line (//) is the JavaScript comment symbol. This prevents JavaScript from executing the --> tag.

Thuộc tính tiêu chuẩn

Thẻ nhận xét không hỗ trợ bất kỳ thuộc tính tiêu chuẩn nào.

Thông tin thêm về các thuộc tính tiêu chuẩn.

Thuộc tính sự kiện

Thẻ nhận xét không hỗ trợ bất kỳ thuộc tính sự kiện nào.

Thông tin thêm về các thuộc tính sự kiện.

Giống như nhận xét trong CSS, việc thêm nhận xét vào HTML của bạn có thể giúp bạn viết và sắp xếp phần phụ trợ của trang web của bạn.

Bạn có thể thêm nhận xét để giải thích mã của bạn, điều này sẽ giúp chỉnh sửa trong tương lai hoặc làm việc với các nhà phát triển khác dễ dàng hơn. Bạn cũng có thể sử dụng nhận xét để đơn giản hóa các nỗ lực gỡ lỗi của mình. & NBSP;

Hãy cùng xem xét kỹ hơn về những gì một bình luận trong HTML và sau đó xác định ý nghĩa của việc nhận xét về điều đó trong HTML.

Nhận xét trong HTML là gì?

In HTML, a comment is text enclosed within < !╌ ╌> tags. This syntax tells the browser that they are comments and should not be rendered on the front end.

Nhờ thẻ bình luận, bạn có thể để lại các ghi chú để nhắc nhở bản thân nơi bạn rời đi trong quá trình xây dựng. Bạn có thể giải thích chức năng dự định của một phần mã, cho dù là vì lợi ích của nhà phát triển khác hoặc bản thân tương lai của bạn.

Bạn cũng có thể giao tiếp với các nhà phát triển khác làm việc đồng thời trên cùng một mã. Bạn có thể để lại một cảnh báo cho họ chỉ chạy một chức năng nhất định vào ban đêm vì phải mất nhiều thời gian để thực hiện. Hoặc bạn có thể gán cho họ một nhiệm vụ hoặc chỉ ra một lỗi cho họ bằng một nhận xét.

Nói tóm lại, nhận xét trong HTML có thể giúp bạn làm việc thông minh hơn và tốt hơn khi xây dựng, gỡ lỗi hoặc thiết kế lại một trang web. Đây là một video có thể làm điều này chi tiết hơn.

Bây giờ, chúng ta hãy xem một ví dụ.

Ví dụ bình luận HTML

& nbsp; Giả sử bạn đang xây dựng một trang web bootstrap & nbsp; với một nhóm các nhà phát triển. Bạn muốn để lại một ghi chú nhắc nhở họ rằng tất cả các nút bootstrap & nbsp; nên sử dụng lớp sửa đổi chính để chúng có cùng một màu.

Đây là những gì HTML của bạn có thể trông như thế nào, cũng như kết quả ở mặt trước:

Xem Pen XXGWWOA của Christina Perricone (@HubSpot) trên Codepen.

Như bạn có thể thấy ở trên, nhận xét được ẩn thành công ở mặt trước.

Bây giờ chúng tôi đã hiểu cách bình luận trong & nbsp; HTML, hãy để Lôi nhìn vào cách bình luận.

To “comment out” in HTML, simply place the < !╌ ╌> tags around the code you want to hide. These tags will tell browsers not to render this code on the front end.

Nhận xét có hai mục đích chính. Một là gỡ lỗi mã của bạn. Khi phát hiện ra lỗi, bạn có thể nhận xét một vài dòng mã đầu tiên của mình, hãy kiểm tra xem lỗi có còn xảy ra hay không và tiếp tục lặp lại quy trình cho đến khi mã lỗi được phân lập.

Mục đích thứ hai phải làm với lịch sử phiên bản. Vì nhận xét có nghĩa là mã sẽ vẫn hiển thị ở phía sau, nó có thể là một cách hiển thị các lần lặp khác nhau của cơ sở mã cho các nhà phát triển mới chỉ tham gia hoặc kế thừa dự án web.

Hãy cùng nhìn vào một ví dụ. Giả sử tôi xây dựng một trang trong Bootstrap: Tôi có một chiếc Navbar, tiêu đề, đoạn văn và nút.

Tại đây, HTML và cách trang nhìn ở phía trước:

Xem trang Bootstrap bút với Navbar và nút của Christina Perricone (@HubSpot) trên Codepen.

Có lẽ tôi xem trước công việc của mình và khám phá ra một lỗi. Trong trường hợp đó, tôi có thể nhận xét từng yếu tố để cô lập phần nào của mã chứa lỗi.

Hoặc có thể tôi chạy một số thử nghiệm A/B và phát hiện ra rằng nút không nhận được bất kỳ nhấp chuột nào và tôi muốn xóa nó. Trong trường hợp đó, tôi có thể nhận xét nó, để lại một ghi chú rằng một nút CTA ở trang dưới cùng đã không chuyển đổi. Sau đó, người tiếp theo đi cùng và cố gắng tối ưu hóa tỷ lệ chuyển đổi trên trang sẽ biết để bắt đầu với một vị trí nút khác.

Nhận xét mã

To “comment out” a button — or any HTML element—  simply wrap the element in the< !╌ ╌> tags. Everything between those tags will not be shown on the front end.

Phần còn lại của mã sẽ vẫn giữ nguyên. Tất cả mọi thứ ở mặt trước cũng sẽ trông giống nhau, ngoại trừ nút. Bạn có thể thấy cho chính mình dưới đây.Everything on the front end will also look the same, except for the button. You can see for yourself below.

Xem bút ylgkeyz của Christina Perricone (@HubSpot) trên Codepen.

Để lại nhận xét trong HTML của bạn

Nhận xét là một cách khác mà bạn có thể nói chuyện với những người trong mã của bạn. Bạn có thể thêm các ghi chú giải thích cho các cộng tác viên khác trong một dự án web hoặc bạn có thể để lại các ghi chú của mình nhắc nhở bạn quay lại một phần hoặc ưu tiên nó trong khi thiết kế lại tiếp theo của bạn. Phần tốt nhất? Nhận xét sẽ không xuất hiện ở mặt trước của trang web của bạn và họ rất đơn giản để làm chủ, ngay cả khi bạn chỉ bắt đầu học HTML và CSS.

Làm thế nào để bạn nhận xét trong HTML?

Phím tắt để nhận xét nhiều dòng trong HTML là gì?