หน้าเว็บที่คุณเข้าชมออนไลน์สร้างขึ้นโดยใช้โค้ด HTML ซึ่งบอกให้เว็บเบราเซอร์ว่าเนื้อหาของหน้าเว็บเป็นอย่างไรและวิธีการแสดงภาพให้กับผู้ดู โค้ดนี้ประกอบด้วยชุดข้อมูลการเรียนรู้ที่รู้จักกันในนามองค์ประกอบซึ่งผู้ดูหน้าเว็บไม่เคยเห็น นอกจากนี้โค้ดยังประกอบด้วยอักขระข้อความปกติเช่นในพาดหัวข่าวและย่อหน้าที่ออกแบบมาเพื่อให้ผู้ดูอ่าน
บทบาทของอักขระพิเศษในรูปแบบ HTML
เมื่อคุณใช้ HTML และพิมพ์ข้อความที่ออกแบบมาเพื่อดูโดยทั่วไปคุณไม่จำเป็นต้องใช้รหัสพิเศษใด ๆ อีกคุณใช้เพียงแป้นพิมพ์คอมพิวเตอร์เพื่อเพิ่มตัวอักษรหรือตัวอักษรที่เหมาะสม ปัญหาเกิดขึ้นเมื่อคุณต้องการพิมพ์อักขระในข้อความที่อ่านได้ซึ่ง HTML ใช้เป็นส่วนหนึ่งของโค้ด อักขระเหล่านี้ประกอบด้วยอักขระ <และ> ที่ใช้ในโค้ดเพื่อเริ่มต้นและสิ้นสุดทุกแท็ก HTML นอกจากนี้คุณอาจต้องการรวมอักขระในข้อความที่ไม่มีอะนาล็อกโดยตรงบนแป้นพิมพ์เช่น©และÑ สำหรับอักขระที่ไม่มีคีย์บนแป้นพิมพ์คุณต้องป้อนรหัส
อักขระพิเศษคือโค้ด HTML ที่ออกแบบมาเฉพาะเพื่อแสดงอักขระที่ใช้ในโค้ด HTML หรือใส่อักขระที่ไม่พบในแป้นพิมพ์ในข้อความที่ผู้ดูเห็น HTML ใช้อักขระพิเศษเหล่านี้ร่วมกับการเข้ารหัสตัวเลขหรืออักขระเพื่อให้สามารถรวมอยู่ในเอกสาร HTML อ่านโดยเบราว์เซอร์และแสดงผลอย่างถูกต้องสำหรับผู้เข้าชมไซต์ของคุณเพื่อดู
อักขระ HTML พิเศษ
อักขระสามตัวเป็นแกนหลักของไวยากรณ์ของโค้ด HTML คุณไม่ควรใช้พวกเขาในส่วนที่อ่านได้ของหน้าเว็บของคุณโดยไม่ต้องเข้ารหัสพวกเขาเป็นครั้งแรกสำหรับการแสดงผลที่เหมาะสม สัญลักษณ์เหล่านี้มีมากกว่าสัญลักษณ์ที่น้อยกว่าและเป็นสัญลักษณ์ กล่าวอีกนัยหนึ่งคุณไม่ควรใช้สัญลักษณ์น้อยกว่า < ในโค้ด HTML ของคุณเว้นแต่เป็นการเริ่มต้นของแท็ก HTML หากทำเช่นนั้นอักขระจะสับสนเบราว์เซอร์และหน้าเว็บของคุณอาจแสดงผลตามที่คุณคาดไม่ถึง อักขระสามตัวที่คุณไม่ควรเพิ่มไม่ได้เข้ารหัส ได้แก่ :
- เครื่องหมายน้อยกว่า <
- เครื่องหมายมากกว่า >
- เครื่องหมาย &
เมื่อคุณพิมพ์อักขระเหล่านี้ลงในโค้ด HTML ของคุณโดยตรงเว้นแต่ว่าคุณใช้พวกเขาเป็นองค์ประกอบในโค้ดในการเข้ารหัสสำหรับพวกเขาดังนั้นจึงปรากฏในข้อความที่อ่านได้อย่างถูกต้อง:
- เครื่องหมายน้อยกว่า -<
- เครื่องหมายมากกว่า ->
- เครื่องหมาย – &
อักขระพิเศษแต่ละตัวจะขึ้นต้นด้วยเครื่องหมาย "ampersand" แม้แต่อักขระพิเศษสำหรับเครื่องหมายเริ่มต้นด้วยอักขระนี้ อักขระพิเศษลงท้ายด้วยเครื่องหมายอัฒภาค ระหว่างอักขระทั้งสองนี้คุณจะเพิ่มสิ่งที่เหมาะสมสำหรับอักขระพิเศษที่คุณต้องการเพิ่มLT (สำหรับ น้อยกว่า ) สร้างสัญลักษณ์น้อยกว่าเมื่อปรากฏระหว่างเครื่องหมายอัฒภาคและอัฒภาคใน HTML ในทำนองเดียวกัน gt สร้างสัญลักษณ์มากกว่าและ แอมป์ ให้เครื่องหมายและเมื่ออยู่ระหว่างเครื่องหมายอัฒภาคและอัฒภาค
อักขระพิเศษที่คุณไม่สามารถพิมพ์ได้
อักขระใด ๆ ที่สามารถแสดงผลได้ในชุดอักขระมาตรฐาน Latin-1 สามารถแสดงผลได้ใน HTML หากไม่ปรากฏบนแป้นพิมพ์คุณจะต้องใช้สัญลักษณ์ ampersand ด้วยรหัสเฉพาะที่กำหนดให้กับอักขระตามด้วยเครื่องหมายอัฒภาค
ตัวอย่างเช่น "รหัสที่เป็นมิตร" สำหรับสัญลักษณ์ลิขสิทธิ์คือ© และและการค้า; คือรหัสสำหรับสัญลักษณ์เครื่องหมายการค้า
รหัสที่เป็นมิตรนี้พิมพ์ได้ง่ายและจดจำได้ง่าย แต่มีอักขระจำนวนมากที่ไม่มีรหัสที่เป็นมิตรซึ่งง่ายต่อการจดจำ
อักขระทุกตัวที่พิมพ์บนหน้าจอมีรหัสตัวเลขทศนิยมที่สอดคล้องกัน คุณสามารถใช้รหัสตัวเลขนี้เพื่อแสดงตัวอักษรใดก็ได้ ตัวอย่างเช่นรหัสตัวเลขทศนิยมสำหรับสัญลักษณ์ลิขสิทธิ์ -©-demonstrates รหัสตัวเลขทำงานอย่างไร พวกเขายังคงเริ่มต้นด้วยเครื่องหมายอัฒภาคและลงท้ายด้วยเครื่องหมายอัฒภาค แต่แทนที่จะใช้ข้อความที่เป็นมิตรคุณจะใช้เครื่องหมายตัวเลขตามด้วยรหัสตัวเลขที่ไม่ซ้ำกันสำหรับอักขระนั้น
รหัสที่เป็นมิตรจะจดจำได้ง่าย แต่รหัสตัวเลขมักจะเชื่อถือได้มากขึ้น ไซต์ที่สร้างขึ้นด้วยฐานข้อมูลและ XML อาจไม่มีรหัสที่เป็นมิตรทั้งหมดกำหนด แต่สนับสนุนรหัสตัวเลข
วิธีที่ดีที่สุดในการค้นหารหัสตัวเลขสำหรับอักขระคือชุดอักขระที่คุณสามารถค้นหาออนไลน์ได้ เมื่อคุณพบสัญลักษณ์ที่ต้องการแล้วเพียงแค่คัดลอกและวางโค้ดตัวเลขลงใน HTML ของคุณ
ชุดอักขระบางตัวประกอบด้วย:
- รหัสสกุลเงิน
- รหัสทางคณิตศาสตร์
- รหัสวรรคตอน
- รหัสการออกเสียง
- รหัสกำกับ
ตัวอักษรภาษาอังกฤษที่ไม่ใช่ภาษาอังกฤษ
อักขระพิเศษไม่ จำกัด เฉพาะภาษาอังกฤษ อักขระพิเศษในภาษาที่ไม่ใช่ภาษาอังกฤษสามารถแสดงออกในรูปแบบ HTML ได้แก่ :
- สเปน
- ฝรั่งเศส
- กรีก
- โรมาเนีย
ดังนั้นรหัสฐานสิบหกคืออะไร?
รหัสฐานสิบหกเป็นรูปแบบอื่นในการแสดงอักขระพิเศษในโค้ด HTML คุณสามารถใช้วิธีการใดก็ได้ที่ต้องการสำหรับหน้าเว็บของคุณ คุณมองพวกเขาในตัวชุดออนไลน์และใช้พวกเขาเช่นเดียวกับที่คุณใช้รหัสที่เป็นมิตรหรือรหัสตัวเลข
เพิ่มคำประกาศ Unicode ในหัวเอกสารของคุณ
เพิ่มเมตาแท็กต่อไปนี้ที่ใดก็ได้ภายใน
ของหน้าเว็บของคุณเพื่อให้แน่ใจว่าอักขระพิเศษของคุณแสดงอย่างถูกต้องcontent = "text / html; charset = utf-8" /> ไม่ว่าคุณจะใช้วิธีใดโปรดปฏิบัติตามหลักปฏิบัติที่ดีที่สุดไม่กี่ประการ: เคล็ดลับ
