Ký hiệu © hoặc © đại diện cho dấu bản quyền HTML. Các ký hiệu này cho phép bạn nhúng dấu bản quyền vào trang web. Dấu bản quyền không xuất hiện trên hầu hết bàn phím nên bạn cần dùng mã ký hiệu HTML.
HTML có các ký hiệu và thực thể (entities) có thể không nhất thiết tìm thấy trên bàn phím dễ dàng, nếu chúng xuất hiện lúc nào. Điều này là vì có hàng trăm ký hiệu có thể bạn muốn dùng trên máy tính. Bàn phím của bạn sẽ cần hàng trăm phím để đại diện cho tất cả các ký hiệu.
Bài viết này giải thích cách tạo ký hiệu bản quyền trong HTML bằng nhiều phím tắt khác nhau.
Bạn có thể tạo ký hiệu bản quyền HTML bằng mã ký hiệu © hoặc ©. Chúng thường được đặt trong một đoạn văn (paragraph). Ký hiệu & (ampersand) biểu thị bạn muốn nhúng ký tự đặc biệt lên trang web.
Cú pháp cho ký hiệu bản quyền là:
<p>© 2020 Career Karma</p>
Điều này hiển thị văn bản sau:
Chúng ta cũng có thể dùng © để đạt cùng mục đích. Ký hiệu & và dấu chấm phẩy (;) phải được chỉ định. Nếu không, ký hiệu bản quyền sẽ không nhúng vào trang web. Điều này là vì © và © là các ký tự đặc biệt HTML.
Khi tạo trang web, thường là ý tốt để tuyên bố quyền sở hữu những gì bạn tạo. Điều này sẽ cho bạn một chút bảo vệ pháp lý cho công việc của bạn. Để tuyên bố quyền sở hữu, hãy dùng thông báo bản quyền trong footer để bảo vệ tài liệu của bạn hoặc khách hàng. Bạn có thể muốn dùng ký hiệu bản quyền để làm cho tuyên bố quyền sở hữu trở nên rõ ràng.
Tham khảo Copyright HTML
Bảng sau minh họa các cách khác nhau bạn có thể tạo ký hiệu bản quyền HTML trong code của mình:
Trên máy Windows hoặc Mac, có phím tắt đặc biệt bạn có thể dùng chỉ để tạo chính ký tự đó. Alt + 0169 sẽ tạo ký tự bản quyền (©) trên Windows, trong khi trên Mac là option + G.
Dùng Tên thực thể HTML (HTML Entity Name) hoặc Số thực thể (Entity Number) để tạo ký tự đặc biệt. Bọc © hoặc © trong cặp thẻ <span> và có cùng kết quả.
Ví dụ ký hiệu bản quyền HTML
Nơi phổ biến để dùng ký hiệu bản quyền là trong footer. Hãy viết một thông báo bản quyền xuất hiện trong footer:
<footer> <p>Created by Career Karma. © 2020</p> </footer>
Thẻ HTML <footer> báo cho code biết chúng ta đang tạo footer cho trang web. Bên trong footer đó chúng ta đã chỉ định thẻ HTML <p>. Thẻ <p> chứa một số văn bản và ký hiệu bản quyền. Code của chúng ta hiển thị:
Created by Career Karma. © 2020
Chúng ta đã tạo thành công ký hiệu bản quyền.
Sử dụng ký hiệu bản quyền HTML trong code của bạn
Hãy xem một ví dụ đầy đủ về ký hiệu bản quyền HTML.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> body { font-family: Arial } table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 15px; } table, footer { margin: 20px auto; text-align: center; } tr:nth-child(even) { background-color: #dddddd; } span { color: blue; } </style> <script> function todayDate(){ var d = new Date(); var n = d.getFullYear() + " "; return document.getElementById("date").innerHTML = n; } </script> </head> <body onload=todayDate()> <table bordered> <tr> <th>Option</th> <th>shortcut or syntax</th> </tr> <tr> <td>Windows</td> <td>Alt + 0169</td> </tr> <tr> <td>Mac</td> <td>option + G</td> </tr> <tr> <td>HTML Entity Name</td> <td><span><span></span>&copy;<span><span></span></td> </tr> <tr> <td>HTML Entity Number</td> <td><span><span></span>&#169;<span><span></span></td> </tr> </table> <footer> © <em id="date"></em>Career Karma </footer> </body> </html>
Chúng ta dùng ký hiệu bản quyền ở dòng thứ tư tính từ cuối trong code HTML footer. Thay đổi các cách để làm cho tất cả hoạt động cho bạn.
Kết luận
Ký hiệu bản quyền HTML được biểu diễn bằng © hoặc ©. Bạn có thể dùng code này để nhúng ký hiệu bản quyền lên trang web nếu ký tự này không có trên bàn phím của bạn.
Bạn muốn học thêm về HTML và cách trở thành nhà phát triển web? Xem hướng dẫn hoàn chỉnh "Cách học HTML" của chúng tôi. Trong hướng dẫn này, bạn sẽ tìm thấy lời khuyên chuyên gia về học HTML và danh sách các tài nguyên học tập trực tuyến hàng đầu.