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. Cú pháp: HTML comment tag
I am Alan Tien. I am Alan Tien.Dưới đây là một số ví dụ đơn giản cách dùng thẻ comment trong html
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
Ví dụ chú thích nhiều dòng trong html đơn giản
Ví dụ chú thích nhiều dòng trong html đơn giản |
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
- Dễ dàng hiểu và nhớ lại những gì đã viết [ đôi khi các bạn không thể ngồi viết html hoài được, sẽ có những việc khác xen vào và làm gián đoạn. Nếu bạn không chú thích cho html thì các bạn phải tốn thời gian đọc lại xem đoạn này có tác dụng như thế nào.
- Dễ dàng làm việc theo nhóm trong công ty [ Khi làm trong nhóm hoặc công ty, mỗi người sẽ phải phối hợp cùng nhau để hoàn thiện sản phẩm, việc ghi chú sẽ giúp các thành viên trong nhóm dễ dàng hiểu được bạn đang làm gì và tiếp tục công việc còn sót lại một cách nhanh chóng.]
- Tạo thói quen tốt trong lập trình [ Những thói quen tốt trong lập trình sẽ giúp bạn nổi bật hơn những người khác, nó giúp chúng ta thao tác nhanh hơn, tiết kiệm thời gian, sản phẩm tạo ra tối ưu hơn]
Các trình duyệt hỗ trợ html comment
| Yes | Yes | Yes | Yes | Yes |
Khô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.
- Dấu ghi chú thích trong css
- Code ghi thích trong php
- Chú thích trong javascript
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 ý.
Sự bá đạo của các phím tắt trong SublimeText 3
5 [100%] 4 votesMột nhà phát triển web hay lập trình viên chúng ta đều có trình soạn thảo mã yêu thích riêng của mình và một trong những trình soạn thảo yêu thích nhất của mình đó là SublimeText 3. Một trong những lý do các lập trình viên đánh giá cao nó bởi vì nó hỗ trợ nhiều phím tắt cho phép bạn làm mọi việc nhanh chóng hơn. Trong bài viết này mình sẽ trình bày những phím tắt hữu ích nhất trong SublimeText 3.
Comment mã
Comment là một trong những điều bạn phải làm rất nhiều, ví dụ như comment một hàm nào đó đang làm, hoặc để tạm thời loại trừ một dòng mã cho mục đích gỡ lỗi [và chúng ta dành nhiều thời gian để làm điều đó].
SublimeText đủ thông minh để comment thích hợp phụ thuộc vào các ngôn ngữ khác nhau. Do đó, cho CSS nó sẽ sử dụng /**/ và HTML sẽ sử dụng . Đối với các ngôn ngữ lập trình chúng ta có 2 loại comment đó là: comment 1 dòng // và comment nhiều dòng /**/.
Comment 1 dòng chúng ta sử dụng phím tắt Ctrl + / [Windows] và cmd + / [Mac].
Comment nhiều dòng: chọn dòng cần comment và bấm tổ hợp phím Ctrl + shift + / [Windows] và cmd + alt + / [Mac].
Di chuyển dòng
Di chuyển các dòng mã lên hoặc xuống trong tập tin của bạn trở thành một công việc dễ dàng và nhanh chóng hơn bao giờ hết mà không cần phải cắt và dán.
Chuyển dòng lên : Click hoặc chọn dòng cần chuyển rồi bấm tổ hợp phím Shift + Ctrl + Up [Windows] hoặc ctrl + cmd + Up [Mac].
Chuyển dòng xuống : Click hoặc chọn dòng cần chuyển rồi bấm tổ hợp phím Shift + Ctrl + Down [Windows] hoặc ctrl + cmd + Down [Mac].
Đa con trỏ
Đa con trỏ là một trong những tính năng đã làm tôi yêu SublimeText. Một trong những tính năng tuyệt vời mà không phải trình soạn thảo hoặc thậm chí là một IDE cũng không hỗ trợ.
Giữ phím Ctrl + bấm chuột trái [Windows] hoặc cmd + bấm chuột trái [Mac].
Ẩn/hiện Sidebar
Đôi khi bạn cần không gian màn hình rộng hơn để làm việc và ẩn sidebar chắc chắn sẽ là một giải pháp tốt.
Chúng ta giữ phím Ctrl và K + B [Windows] hoặc giữ cmd và K + B [Mac].
Nhân đôi một dòng
SublimeText cho phép rất dễ dàng nhân đôi một hoặc nhiều dòng mã. Nếu bạn chỉ muốn sao chép một dòng thì chỉ cần đặt con trỏ vào bất kỳ đâu trên dòng đó, hoặc chọn mọi thứ bạn muốn nếu có nhiều dòng và sử dụng phím tắt.
Chúng ta dùng phím tắt Ctrl + Shift + D [Windows] hoặc cmd + Shift + D [Mac].
Tìm kiếm
SublimeText có một tính năng tìm kiếm mạnh mẽ cho phép bạn ngay lập tức tìm thấy một tập tin hoặc một cái gì đó như một phương thức hoặc lớp bên trong một tập tin.
Chúng ta bấm tổ hợp phím Ctrl + P sau đó nhập tên tập tin / thư mục [Windows] hoặc cmd + P sau đó nhập tên tập tin / thư mục [Mac].
Những phím tắt trên được mình sử dụng thường xuyên trong quá trình phát triển của mình. Hy vọng các bạn thấy hữu ích và chia sẻ các phím tắt hữu ích cho SublimeText mà bạn cho mọi người biết nhé.