Hướng dẫn comment html css - bình luận html css
HTML Entity và Comment trong HTML & CSS | Series HTML & CSS nâng cao | Bài 1Lượt xem: 1341 Ngày tạo: 27/01/2021 Ngày cập nhật: 29/01/2021 Ngày tạo: 27/01/2021 Ngày cập nhật: 29/01/2021 Show
Chào mừng các bạn đã đến với bài đầu tiên của series HTML & CSS nâng cao! Liệu các bạn đã từng hỏi làm cách nào để tạo ra một ký tự đặc biệt kiểu như ¶ , © hoặc § khi soạn thảo 1 trang HTML. Hay liệu bạn có từng hỏi rằng nếu một file HTML/CSS có đến vài nghìn dòng code thì làm cách nào để có thể đánh dấu code nhằm giúp lập trình viên có thể dễ dàng nhận diện mục đích, chức năng, phân đoạn nội dung... của các dòng code đã viết trong quá trình soạn thảo, trong khi người xem (visitor) sẽ không thể nhìn thấy những đánh dấu này. Câu trả lời sẽ nằm trong nội dung bài giảng này.làm cách nào để tạo ra một ký tự đặc biệt kiểu như ¶ , © hoặc § khi soạn thảo 1 trang HTML. Hay liệu bạn có từng hỏi rằng nếu một file HTML/CSS có đến vài nghìn dòng code thì làm cách nào để có thể đánh dấu code nhằm giúp lập trình viên có thể dễ dàng nhận diện mục đích, chức năng, phân đoạn nội dung... của các dòng code đã viết trong quá trình soạn thảo, trong khi người xem (visitor) sẽ không thể nhìn thấy những đánh dấu này. Câu trả lời sẽ nằm trong nội dung bài giảng này. Nào chúng ta cùng bắt đầu thôi! HTML Entity (Thực thể HTML)HTML Entity (Thực thể HTML) là gì?Như đã đề cập trong Bài 2 của Series HTML & CSS căn bản, bản chất của cú pháp HTML là sự liên kết theo mối quan hệ cha - con của các phần tử HTML, trong đó mỗi phần tử HTML tồn tại dưới dạng Nested (phần tử có chứa nội dung hay còn gọi là cặp thẻ ) và Empty (phần tử rỗng hay còn gọi là thẻ đơn ). Tuy nhiên, trong HTML còn một loại cú pháp đặc biệt tách biệt khỏi những nguyên tắc trên, được dùng để tạo ra một số ký tự đặc biệt (Ví dụ: , & , ©...). Đó chính là HTML Entity (tạm dịch là thực thể HTML).cú pháp đặc biệt tách biệt khỏi những nguyên tắc trên, được dùng để tạo ra một số ký tự đặc biệt (Ví dụ: < , > , & , ©...). Đó chính là HTML Entity (tạm dịch là thực thể HTML). Vì sao có sự tồn tại của HTML Entity?Nếu ta viết một phần tử thẻ Qua năm tháng, danh sách HTML Entity dần được cập nhật với những ký tự phong phú hơn như bộ ký tự trong toán học, ký tự copyright © hay trademark™ ... hay cả bộ chữ cái latin (abc).bộ ký tự trong toán học, ký tự copyright © hay trademark™ ... hay cả bộ chữ cái latin (abc). Cách viết HTML Entity (cú pháp) như thế nào?Có 2 cách để ta có thể tạo một HTML Entity trong quá trình soạn thảo code HTML
Làm thế nào để tra cứu HTML Entity?Chắc hẳn sau khi xem qua cú pháp của HTML Entity, bạn sẽ tự hỏi rằng làm cách nào để biết tên hay mã số Entity để áp dụng vào thực tế? Chắc chắn rằng chúng ta không thể luôn nhớ chính xác từng tên hay mã số Entity, mà dù có nhớ chính xác thì cũng không thể nhớ hết chúng, bởi có đến hàng trăm HTML Entity đã và đang tồn tại. Và cách duy nhất để ta có thể xác định được tên hay mã số Entity cần dùng là thông qua tra cứu. Bạn có thể click vào đây để xem danh sách đầy đủ tất cả các HTML Entity. Bạn có thể Google search với từ khoá: HTML Entity complete list.HTML Entity complete list. Hãy lưu một trang danh sách mà bạn cho là tốt nhất vào bookmark của trình duyệt để tiện tra cứu cho những trường hợp mà bạn sẽ cần đến trong tương lai. Nếu viết sai cú pháp HTML Entity thì ảnh hưởng như thế nào?Trường hợp nếu bạn viết sai cú pháp của một hay nhiều HTML Entity thì chỉ có 2 khả năng xảy ra:
Việc viết sai cú pháp của HTML Entity hoàn toàn không ảnh hưởng đến bố cục của trang HTML đó. Comment trong HTML & CSSComment trong HTML & CSS là gì?Trong trong HTML & CSS nói riêng và lập trình nói chung, comment là một phương pháp giúp lập trình viên có thể đánh dấu, ghi chú trên file soạn thảo code mà không ảnh hưởng đến nội dung hay hoạt động của các dòng code. Đây cũng chính là câu trả lời cho câu hỏi thứ 2 đã được nêu ở đầu bài. Cách để tạo comment (cú pháp comment) trong HTML & CSS như thế nào?Để tạo comment trong HTML & CSS rất đơn giản, ta chỉ cần tuân theo cú pháp sau đây:
Như vậy, ta đã tìm hiểu qua 2 tính năng hữu dụng & thú vị trong HTML & CSS rồi. Nếu có điểm nào trong nội dung mà chúng tớ làm chưa tốt, hay bạn chưa thể hiểu được, hãy để lại thông qua công cụ bình luận bên dưới. Ngoài ra, nếu bạn thấy bài viết hay và hữu ích, hãy để lại 1 like, share hay đánh giá nhé. Chúc các bạn có một ngày làm việc và học tập hiệu quả! |