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