- Trang chủ
- Tham khảo
- Tag html
- html5
- comment
Định nghĩa và sử dụng- Comment được sử dụng để chèn dòng chú thích vào source code, dòng chú thích này sẽ không hiển thị trên trình duyệt.
- Có thể sử dụng comment để giải thích cho source code hay comment để đánh dấu phần đóng của một tag, điều này sẽ dễ dàng trong việc chỉnh sửa nội dung sau này.
Sự khác nhau giữa HTML4.01 và HTML5
| HTML4.01 | HTML5 |
|---|
| Không có sự khác biệt |
Cấu trúcCấu trúc một comment trong file html: Ví dụHtml viết: Nội dung
Nội dung
Trong ví dụ trên, thành phần comment: cho biết: đây là tag kết thúc của , đoạn text này sẽ không hiển thị ra trình duyệt. Hiển thị trình duyệt:
Trình duyệt hỗ trợcomment được hỗ trợ trong đa số các trình duyệt. - 5. Thẻ cho tiêu đề công việc
- Thẻ
<!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
4 xác định tiêu đề của một tác phẩm sáng tạo (ví dụ: một cuốn sách, một bài thơ, một bài hát, một bộ phim, một bức tranh, một tác phẩm điêu khắc, v.v.). - Lưu ý: Tên của một người không phải là tiêu đề của tác phẩm.
- Văn bản trong phần tử thường được in nghiêng.
6. Phần tử để ghi đè 2 chiều là cách bạn có thể để
lại nhận xét cho các lập trình viên khác (hoặc chính bạn) biết đoạn mã của bạn đang định viết để làm gì mà mà không ảnh hưởng đến kết quả đầu ra được hiển thị cho người dùng cuối. BDO là viết tắt của Ghi đè hai chiều.Comment cũng là một cách đơn giản để làm cho code không hoạt động mà không phải Thẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
5 được sử dụng để ghi đè hướng văn bản hiện tại:Bạn có thể thêm Comment vào nguồn HTML của mình bằng cách sử dụng cú pháp sau:Comment trong HTML bắt đầu bằng Lưu ý rằng có một dấu chấm than (!) Trong thẻ bắt đầu, nhưng không phải trong thẻ kết thúc.thao tác
nhanh trong trình soạn thảo code của mình bằng việc bôi đen đoạn code hoặc đoạn văn bản và bấm tổ hợp phím Ctrl + /
Ví dụ
? Chỉ loại bỏ comment cho thẻ h2 Comment cũng rất tốt để gỡ lỗi HTML, bởi vì bạn có thể Comment từng dòng code HTML, từng dòng một để tìm lỗi: Ví dụ: Nếu bạn thấy hay và hữu ích, bạn có thể tham gia các kênh sau của cafedev để nhận được nhiều hơn nữa: Group Facebook Fanpage Văn bản trong phần tử thường được in nghiêng. 6. Phần tử để ghi đè 2 chiều Thẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.<!--
Cafedev.vn - Kênh thông tin IT hàng đầu Việt Nam
@author cafedevn
Contact:
Fanpage: https://www.facebook.com/cafedevn
Group: https://www.facebook.com/groups/cafedev.vn/
Instagram: https://instagram.com/cafedevn
Twitter: https://twitter.com/CafedeVn
Linkedin: https://www.linkedin.com/in/cafe-dev-407054199/
Pinterest: https://www.pinterest.com/cafedevvn/
YouTube: https://www.youtube.com/channel/UCE7zpY_SlHGEgo67pHxqIoA/
-->
<!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
Copy and chạy code - Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm.
- 2. Phần tử
- 3. Phần tử cho các từ viết tắc
- 3. Phần tử cho các từ viết tắc
- 3. Phần tử cho các từ viết tắc
- 3. Phần tử cho các từ viết tắc
- Thẻ
<!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.
Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm.Mẹo: Sử dụng thuộc tính tiêu đề toàn cầu để hiển thị mô tả cho từ viết tắt khi bạn di chuột qua phần tử. <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2. Phần tử Thẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
1 xác định một trích dẫn ngắn.Trình duyệt thường chèn dấu ngoặc kép xung quanh câu đó. <p>>Cafedev là kênh thông tin, sự kiện: <q> hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.</q></p>
Copy and chạy code 3. Phần tử cho các từ viết tắcThẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm. Mẹo: Sử dụng thuộc tính tiêu đề toàn cầu để hiển thị mô tả cho từ viết tắt khi bạn di chuột qua phần tử. <p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
Copy and chạy code 3. Phần tử cho các từ viết tắcThẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm. Mẹo: Sử dụng thuộc tính tiêu đề toàn cầu để hiển thị mô tả cho từ viết tắt khi bạn di chuột qua phần tử. <!--
Cafedev.vn - Kênh thông tin IT hàng đầu Việt Nam
@author cafedevn
Contact:
Fanpage: https://www.facebook.com/cafedevn
Group: https://www.facebook.com/groups/cafedev.vn/
Instagram: https://instagram.com/cafedevn
Twitter: https://twitter.com/CafedeVn
Linkedin: https://www.linkedin.com/in/cafe-dev-407054199/
Pinterest: https://www.pinterest.com/cafedevvn/
YouTube: https://www.youtube.com/channel/UCE7zpY_SlHGEgo67pHxqIoA/
-->
<address>
Written by David Xuan.<br>
Visit us at:<br>
Ho Chi Minh<br>
Binh Thanh, HCM<br>
</address>
Copy and chạy code 3. Phần tử cho các từ viết tắcThẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm. Mẹo: Sử dụng thuộc tính tiêu đề toàn cầu để hiển thị mô tả cho từ viết tắt khi bạn di chuột qua phần tử. <p><cite>Cafedev</cite> by David Xuan in 2019.</p>
Copy and chạy code 3. Phần tử cho các từ viết tắcThẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”.Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm. <bdo dir="rtl">This text will be written from right to left</bdo>
Copy and chạy code 3. Phần tử cho các từ viết tắc <!-- Write your comments here -->
Thẻ <!DOCTYPE html>
<html>
<body>
<p>Here is a quote from cafedev website:</p>
<blockquote cite="https://cafedev.vn/tu-hoc-html-kieu-dangstyles-trong-html/">
Cafedev là kênh thông tin, sự kiện, hướng dẫn và chia sẽ mọi thứ kiến thức về lập trình mới nhất được cập nhật liên tục, chính xác và đầy đủ, chuyên sâu.
</blockquote>
</body>
</html>
2 định nghĩa một từ viết tắt hoặc viết tắt, như “HTML”, “CSS”, “Mr.”, “Dr.”, “ASAP”, “ATM”. Đánh dấu viết tắt có thể cung cấp thông tin hữu ích cho trình duyệt, hệ thống dịch thuật và công cụ tìm kiếm. Mẹo: Sử dụng thuộc tính tiêu đề toàn cầu để hiển thị mô tả cho từ viết tắt khi bạn di chuột qua phần tử. <!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->
Copy and chạy code 3. Phần tử cho các từ viết tắc cũng rất tốt để gỡ lỗi HTML, bởi vì bạn có thể Comment từng dòng code HTML, từng dòng một để tìm
lỗi: Ví dụ: <!-- Do not display this image at the moment
<img border="0" src="pic_cafedev.jpg" alt="Cafedev">
-->
Copy and chạy code Nếu bạn thấy hay và hữu ích, bạn có thể tham gia các kênh sau của cafedev để nhận được nhiều hơn nữa: - Group Facebook
- Fanpage
- Youtube
- Instagram
- Twitter
- Linkedin
- Pinterest
- Trang chủ
Chào thân ái và quyết thắng! Đăng ký kênh youtube để ủng hộ Cafedev nha các bạn, Thanks you! | 
