แทรกสัญลิขลิขสิทธิ์ใน HTML: วิธีที่รวดเร็วและน่าเชื่อถือ

สัญลักษณ์ © หรือ © แทนเครื่องหมายลิขสิทธิ์ใน HTML สัญลักษณ์เหล่านี้ช่วยให้คุณฝังเครื่องหมายลิขสิทธิ์บนหน้าเว็บได้ เนื่องจากเครื่องหมายลิขสิทธิ์ไม่ปรากฏบนคีย์บอร์ดส่วนใหญ่ คุณจึงต้องใช้รหัสสัญลักษณ์ HTML

HTML มีสัญลักษณ์และเอนทิตี้ที่อาจไม่จำเป็นต้องหาบนคีย์บอร์ดได้ง่าย หากปรากฏเลย ก็เพราะมีสัญลักษณ์ที่เป็นไปได้หลายร้อยอย่างที่คุณอาจต้องการใช้บนคอมพิวเตอร์ คีย์บอร์ดของคุณจะต้องมีปุ่มหลายร้อยปุ่มเพื่อแทนสัญลักษณ์ทั้งหมด

บทความนี้อธิบายวิธีสร้างสัญลักษณ์ลิขสิทธิ์ใน HTML โดยใช้วิธีลัดต่างๆ

คุณสามารถสร้างสัญลักษณ์ลิขสิทธิ์ HTML โดยใช้รหัสสัญลักษณ์ © หรือ © สิ่งเหล่านี้มักถูกล้อมรอบด้วยย่อหน้า เครื่องหมายแอมเพอร์แซนด์ (&) บ่งบอกว่าคุณต้องการฝังอักขระพิเศษลงบนหน้าเว็บ

ไวยากรณ์สำหรับสัญลักษณ์ลิขสิทธิ์คือ:

<p>© 2020 Career Karma</p>

สิ่งนี้แสดงข้อความดังนี้:

เรายังสามารถใช้ © เพื่อบรรลุเป้าหมายเดียวกันได้ เครื่องหมายแอมเพอร์แซนด์และเซมิโคลอนต้องระบุไว้ มิฉะนั้น สัญลักษณ์ลิขสิทธิ์จะไม่ฝังบนหน้าเว็บของคุณได้ เนื่องจาก © และ © เป็นอักขระพิเศษของ HTML

เมื่อสร้างหน้าเว็บ มักเป็น'idée ที่ดีที่จะอ้างสิทธิ์เจ้าของสิ่งที่คุณสร้าง จะให้คุณได้รับการคุ้มครองทางกฎหมายบางส่วนสำหรับงานของคุณ เพื่ออ้างสิทธิ์เจ้าของ ใช้ข้อความลิขสิทธิ์ในส่วนท้าย (footer) เพื่อคุ้มครองวัสดุของคุณหรือลูกค้าของคุณ คุณอาจต้องการใช้สัญลักษณ์ลิขสิทธิ์เพื่อให้การอ้างสิทธิ์เจ้าของชัดเจนขึ้น

อ้างอิง HTML ลิขสิทธิ์ (Copyright HTML Reference)

ตารางต่อไปนี้แสดงวิธีต่างๆ ที่คุณสามารถสร้างสัญลักษณ์ลิขสิทธิ์ HTML ในโค้ดของคุณได้:

บนเครื่อง Windows หรือ Mac มีทางลัดพิเศษที่คุณสามารถใช้เพื่อสร้างอักขระตัวจริงได้ Alt + 0169 จะได้อักขระลิขสิทธิ์ (©) บน Windows ส่วนบน Mac คือ option + G

ใช้ชื่อเอนทิตี้ HTML หรือหมายเลขเพื่อสร้างอักขระพิเศษ ห่อหุ้ม &copy; หรือ &#169; ในชุดแท็ก <span> และได้ผลลัพธ์เดียวกัน

ตัวอย่างสัญลักษณ์ลิขสิทธิ์ HTML

สถานที่ทั่วไปที่ใช้สัญลักษณ์ลิขสิทธิ์คือในส่วนท้าย (footer) มาเขียนข้อความลิขสิทธิ์ที่ปรากฏใน footer กัน:

<footer> <p>Created by Career Karma. © 2020</p> </footer>

แท็ก HTML <footer> บอกโค้ดของเราว่าเรากำลังสร้าง footer สำหรับหน้าเว็บ ภายใน footer นั้น เราได้ระบุแท็ก HTML <p> แท็ก <p> มีข้อความและสัญลักษณ์ลิขสิทธิ์ โค้ดของเราแสดงผล:

Created by Career Karma. © 2020

เราสร้างสัญลักษณ์ลิขสิทธิ์สำเร็จแล้ว

การใช้สัญลักษณ์ลิขสิทธิ์ HTML ในโค้ดของคุณ

มาเป้ยดูตัวอย่างเต็มของสัญลักษณ์ลิขสิทธิ์ 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>&lt;span></span>&amp;copy;<span>&lt;span></span></td> </tr> <tr> <td>HTML Entity Number</td> <td><span>&lt;span></span>&amp;#169;<span>&lt;span></span></td> </tr> </table> <footer> &copy; <em id="date"></em>Career Karma </footer> </body> </html>

เราใช้สัญลักษณ์ลิขสิทธิ์ในบรรทัดที่สี่จากท้ายในโค้ด HTML ของ footer ลองสลับวิธีต่างๆ เพื่อให้ทั้งหมดทำงานได้

สรุป

สัญลักษณ์ลิขสิทธิ์ HTML แทนด้วย &copy; หรือ &#169; คุณสามารถใช้โค้ดนี้เพื่อฝังสัญลักษณ์ลิขสิทธิ์ลงบนหน้าเว็บ หากอักขระนี้ไม่ได้แสดงบนคีย์บอร์ดของคุณ

คุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ HTML และวิธีเป็นนักพัฒนาเว็บหรือไม่? ดูคู่มือ How to Learn HTML 完成版 ของเรา ในคู่มือนี้ คุณจะพบคำแนะนำจากผู้เชี่ยวชาญเกี่ยวกับการเรียนรู้ HTML และรายการแหล่งข้อมูลเรียนรู้ออนไลน์ชั้นนำ