Trong thiết kế website, việc tạo cho mình thói quen sử dụng thẻ ghi chú thích trong html là điều rất quan trọng. Không chỉ giúp chúng ta dễ dàng nhớ lại những gì đã viết mà còn giúp những lập trình viên khác có thể hiểu được chúng ta đang viết cái gì. Mình là Alan Tiến, hôm nay mình sẽ hướng dẫn các bạn cách sử dụng thẻ tag comment để chúng ta dễ dàng ghi chú thích một cách nhanh chóng. Show Cú pháp: <!–đoạn chú thích của bạn–> Dưới đây là một số ví dụ đơn giản cách dùng thẻ comment trong htmlHTML comment tag 1 2 3 <!--Đoạn giới thiệu bản thân-->
<p>I am Alan Tien.</p> Các bạn cũng có thể sử dụng code chú thích nhiều dòng trong html một cách đơn giản. Chú thích nhiều dòng trong html 1 2 3 4 5 6 <!-- Dòng thứ 1 Dòng thứ 2 Dòng thứ n.. --> <p>Ví dụ chú thích nhiều dòng trong html đơn giản</p> Có thể khi nhìn các bạn cũng hiểu được tác dụng cũng như cách sử dụng của nó đúng không? Nhìn đơn giản vậy thôi nhưng việc sử dụng thẻ chú thích trong html rất quan trọng. Các bạn cần phải tạo có mình thói quen trong lập trình này ngay từ bây giờ.  Những lợi ích của thẻ ghi chú thích trong html
Các trình duyệt hỗ trợ html commentHTML Tag<!--...-->YesYesYesYesYesKhông chỉ riêng trong html, thẻ chú thích được sử dụng trong hầu hết tất cả các ngôn ngữ lập trình. Mình sẽ liệt kê một số ngôn ngữ hay sử dụng chú thích nhất.
Mình đã gặp rất nhiều bạn khi thiết kế html điều không sử dụng thẻ ghi chú và đến lúc cần lại đi tìm. Mình khi mới vào nghề cũng vậy, đa phần vì lười thôi, hehe. Nhưng giờ mình đã khắc phục được thói quen xấu này. Từ nay khi các bạn theo dõi các bài hướng dẫn trong series học html căn bản, mình sẽ sử dụng thẻ ghi chú rất nhiều. Cuối cùng, chúc các bạn thành công, nếu thấy bài viết có gì sai sót xin liên hệ để góp ý. Chắc bạn cũng biết rằng khi viết code HTML hay bất kỳ loại code nào khác thì phần code của nó rất chi là dài và khó nhìn. Ngay cả với người viết ra đoạn code đó khi viết có lúc còn bị rối chứ chưa nói đến người khác xem code. Chính vì thế trong HTML có hỗ trợ chúng ta tạo dòng chú thích để 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. Hướng dẫn cách tạo chú thích trong HTMLCác chú thích trong HTML sẽ không được hiển thị trên trình duyệt mà sẽ chỉ hiển thị trong tài liệu bạn soạn. Có nhiều các để viết chú thích mình sẽ giới thiệu lần lượt cho các bạn sau đây. Bạn chú ý viết cho đúng để dễ dàng quản lý các đoạn code nhé. Cấu trúc của thẻ comment Thẻ ghi chú (thẻ comment) trong HTML sẽ được viết bởi cặp thẻ có dạng <!– … –> trong đó vị trí dấu 3 chấm sẽ là nội dung ghi chú. Ví dụ <!-- Vi du ve the ghi chu 1 --> <!-- Vi du ve the ghi chu 2 --> Chú ý Để thẻ comment hoạt động thì bạn cần tuân thủ cách viết chú thích trong HTML như sau: – Các comment không được lồng vào nhau: Nghĩa là 1 comment không được đặt nằm trong 1 comment khác. – Cặp thẻ mở <!– và cặp thẻ đóng –> phải viết các ký tự liên nhau, không được thêm khoảng trắng. Nếu thêm khoảng trắng dạng < !– hoặc — > là sai. Cách viết comment nhiều dòng trong HTML Viết chú thích nhiều dòng nó cũng giống như viết chú thích bình thường ở trên. Chỉ có khác nhau ở cách đặt thẻ mở <!– và thẻ đóng –> . Cách làm thế nào bạn xem ví dụ dưới đây sẽ hiểu ngay thôi 🙂 <!-- Dong ghi chu 1 Dong ghi chu 2 Dong ghi chu 3 --> Như vậy là bạn đã biết cách để tạo chú thích trong HTML rồi nhé. Việc ghi chú thích này khá quan trọng giúp bạn dễ dàng chỉnh sửa mã code, ngoài ra nó cũng rất thích hợp nếu bạn làm việc nhóm, nó sẽ giúp các thành viên khác biết vị trí các đoạn code để dễ dàng chỉnh sửa. Hi vọng với những gì NguyenHung.Net chia sẻ bạn sẽ có thể làm việc với HTML tốt hơn. Nhớ theo dõi Nguyễn Hùng để đọc thêm các bài viết trong series tự học HTML online nhé. Chúc các bạn thành công! |
