การ © หรือ © สัญลักษณ์แสดงถึงเครื่องหมายลิขสิทธิ์ HTML สัญลักษณ์เหล่านี้ช่วยให้คุณสามารถฝังป้ายลิขสิทธิ์บนหน้าเว็บได้ เครื่องหมายลิขสิทธิ์ไม่ปรากฏบนแป้นพิมพ์ส่วนใหญ่ ดังนั้นคุณจึงจำเป็นต้องใช้โค้ดสัญลักษณ์ HTML
HTML มีสัญลักษณ์และเอนทิตีที่อาจไม่พบบนแป้นพิมพ์ได้ง่ายๆ หากปรากฏเลย เนื่องจากมีสัญลักษณ์ที่เป็นไปได้หลายร้อยรายการที่คุณอาจต้องการใช้บนคอมพิวเตอร์ แป้นพิมพ์ของคุณจะมีปุ่มหลายร้อยปุ่มเพื่อแสดงสัญลักษณ์ทั้งหมด
บทความนี้จะอธิบายวิธีการสร้างสัญลักษณ์ลิขสิทธิ์ในรูปแบบ HTML โดยใช้ทางลัดต่างๆ
คุณสามารถสร้างสัญลักษณ์ลิขสิทธิ์ HTML ได้โดยใช้ลิงก์ © หรือ © รหัสสัญลักษณ์ สิ่งเหล่านี้มักจะอยู่ในย่อหน้า เครื่องหมายแอมเพอร์แซนด์หมายถึงต้องการฝังอักขระพิเศษบนหน้าเว็บ
ไวยากรณ์สำหรับสัญลักษณ์ลิขสิทธิ์คือ:
<p>© 2020 Career Karma</p>
ซึ่งจะแสดงข้อความต่อไปนี้:
เรายังสามารถใช้©เพื่อบรรลุเป้าหมายเดียวกันได้ ต้องระบุเครื่องหมายและอัฒภาค มิฉะนั้นสัญลักษณ์ลิขสิทธิ์จะไม่ฝังลงบนหน้าเว็บของคุณ เนื่องจาก©และ©เป็นอักขระ HTML พิเศษ
เมื่อสร้างหน้าเว็บ มักเป็นความคิดที่ดีที่จะอ้างสิทธิ์ความเป็นเจ้าของสิ่งที่คุณสร้าง สิ่งนี้จะให้ความคุ้มครองทางกฎหมายแก่งานของคุณ หากต้องการอ้างสิทธิ์ความเป็นเจ้าของ ให้ใช้ประกาศเกี่ยวกับลิขสิทธิ์ในส่วนท้ายของคุณเพื่อปกป้องเนื้อหาของคุณหรือของลูกค้า คุณอาจต้องการใช้สัญลักษณ์ลิขสิทธิ์เพื่อทำให้การอ้างสิทธิ์ความเป็นเจ้าของของคุณชัดเจน
การอ้างอิง HTML ลิขสิทธิ์
ตารางต่อไปนี้แสดงวิธีต่างๆ ที่คุณสามารถสร้างสัญลักษณ์ลิขสิทธิ์ HTML ในโค้ดของคุณ:
บนเครื่อง Windows หรือ Mac มีทางลัดพิเศษที่คุณสามารถใช้เพื่อสร้างตัวละครที่แท้จริงได้ Alt + 0169 จะได้รับอักขระลิขสิทธิ์ (©) บน Windows ในขณะที่เป็นตัวเลือก + G บน Mac
ใช้ชื่อเอนทิตี HTML หรือหมายเลขเพื่อสร้างอักขระพิเศษ ห่อ © หรือ © ในชุดแท็ก และได้รับผลลัพธ์เดียวกัน
ตัวอย่าง HTML สัญลักษณ์ลิขสิทธิ์
ตำแหน่งทั่วไปในการใช้สัญลักษณ์ลิขสิทธิ์อยู่ที่ส่วนท้าย มาเขียนประกาศเกี่ยวกับลิขสิทธิ์ที่ปรากฏในส่วนท้าย:
<footer>
<p>Created by Career Karma. © 2020</p>
</footer>
แท็ก HTML จะบอกโค้ดของเราว่าเรากำลังสร้างส่วนท้ายสำหรับหน้าเว็บของเรา ภายในส่วนท้ายนั้นเราได้ระบุแท็ก HTML
แท็ก
ประกอบด้วยข้อความและสัญลักษณ์ลิขสิทธิ์ รหัสของเราแสดง:
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><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>
เราใช้สัญลักษณ์ลิขสิทธิ์บรรทัดที่สี่ถึงบรรทัดสุดท้ายในโค้ด HTML ส่วนท้าย เปลี่ยนวิธีการเพื่อให้ทั้งหมดทำงานแทนคุณ
บทสรุป
สัญลักษณ์ลิขสิทธิ์ HTML แสดงด้วย © หรือ ©. คุณสามารถใช้โค้ดนี้เพื่อฝังสัญลักษณ์ลิขสิทธิ์บนหน้าเว็บได้ หากไม่มีอักขระนี้ปรากฏบนแป้นพิมพ์ของคุณ
คุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ HTML และวิธีเป็นนักพัฒนาเว็บหรือไม่? ดูคู่มือวิธีการเรียนรู้ HTML ฉบับสมบูรณ์ของเรา ในคู่มือนี้ คุณจะพบคำแนะนำจากผู้เชี่ยวชาญเกี่ยวกับการเรียนรู้ HTML และรายการแหล่งข้อมูลการเรียนรู้ออนไลน์ยอดนิยม
