Skip to main content

วิธีการแทรกสัญลักษณ์ลูกศรบนเว็บเพจของคุณ

Anonim

ก่อนที่แอพพลิเคชันการรับส่งข้อความและกล่องจดหมายของ emojis จะมีสีสันนักพัฒนาเว็บได้แทรกสัญลักษณ์พิเศษไว้ในหน้าเว็บที่แสดงในมาตรฐาน Unicode UTF-8 ในการแทรกสัญลักษณ์ Unicode เหล่านี้ตัวอย่างเช่นอักขระลูกศรมาตรฐานนักพัฒนาซอฟต์แวร์จะต้องแก้ไขหน้าเว็บโดยตรงโดยการแก้ไข HTML ที่แสดงผลหน้าเว็บ

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

วิธีใส่สัญลักษณ์ลูกศร

คุณต้องมีหนึ่งในสามตัวระบุ ได้แก่ รหัสเอนทิตี HTML5 รหัสทศนิยมหรือรหัสฐานสิบหก หนึ่งในสามผลลัพธ์เดียวกัน โดยทั่วไปแล้วรหัสเอนทิตีจะขึ้นต้นด้วยเครื่องหมายอัศจรรย์และลงท้ายด้วยอัฒภาคและในรีเลย์ตรงกลางจะย่อตัวว่าสัญลักษณ์เป็นอย่างไร รหัสทศนิยมจะใช้รูปแบบ ampersand + hashtag + รหัสตัวเลข + อัฒภาคในขณะที่รหัสฐานสิบหกจะแทรกอักษร X ระหว่างเครื่องหมายแฮชแท็กและตัวเลข

ตัวอย่างเช่นสัญลักษณ์ลูกศรขวา (←) แทรกลงในหน้าโดยใช้ชุดค่าผสมใด ๆ ต่อไปนี้:

ฉันจะแสดง←

ฉันจะแสดง←

ฉันจะแสดง←

สัญลักษณ์ Unicode ส่วนใหญ่ทำ ไม่ เสนอรหัสเอนทิตีดังนั้นต้องมีการกำหนดให้ใช้รหัสฐานสิบหกหรือเลขฐานสิบหกแทน

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

สัญลักษณ์ลูกศรสามัญ

ใช้ตารางต่อไปนี้เพื่อหาสัญลักษณ์ที่คุณต้องการ Unicode รองรับรูปแบบและรูปแบบต่างๆของรูปลูกศร การดูแผนที่อักขระบนพีซีที่ใช้ Windows ของคุณสามารถช่วยคุณระบุรูปแบบของลูกศรได้ เมื่อคุณเน้นสัญลักษณ์คุณมักจะเห็นคำอธิบายที่ด้านล่างของหน้าต่างแอ็พพลิเคชันแผนที่ตัวอักษรในรูปแบบ U + NNNN , ซึ่งเลขที่แทนรหัสทศนิยมของสัญลักษณ์

โปรดทราบว่าแบบอักษร Windows บางแบบจะแสดงสัญลักษณ์ Unicode ทุกรูปแบบดังนั้นหากคุณไม่พบสิ่งที่ต้องการแม้กระทั่งหลังจากเปลี่ยนแบบอักษรภายใน Character Map ให้พิจารณาแหล่งข้อมูลสำรองรวมถึงหน้าสรุปสำหรับ W3Schools

สัญลักษณ์ลูกศร UTF-8 ที่เลือก
ตัวละครทศนิยมเลขฐานสิบหกเอกลักษณ์ชื่อมาตรฐาน
85922190ลูกศรซ้าย
85932191ลูกศรชี้ขึ้น
85942192ลูกศร Righwards
85952194ลูกศรลง
85972195 ลูกศรลง
863521BB ลูกศรชี้เปิดตามเข็มนาฬิกา
864821C8 ลูกศรที่จับคู่ขึ้นด้านบน
870221FE ลูกศรเปิดหัวขวา
869421F6 สามลูกศรขวา
867821E6 ลูกศรสีขาวด้านซ้าย
867321E1 ลูกศร Dashed ขึ้น
866921DD ลูกศรขวา Squiggle ขวา

การพิจารณา

เบราว์เซอร์ Microsoft Edge, Internet Explorer 11 และ Firefox 35 หรือเบราเซอร์รุ่นใหม่ ๆ ไม่มีปัญหาในการแสดงอักขระ Unicode ทั้งหมดในรูปแบบ UTF-8 อย่างไรก็ตาม Google Chrome จะคิดถึงตัวอักษรบางตัวหากนำเสนอโดยใช้โค้ดเอนทิตี HTML5 เพียงอย่างเดียว

UTF-8 ทำหน้าที่เป็นรหัสการเข้ารหัสเริ่มต้นเกือบร้อยละ 90 ของหน้าเว็บทั้งหมดในเดือนสิงหาคม พ.ศ. 2560 ตามที่ Google กล่าว มาตรฐาน UTF-8 มีอักขระเกินกว่าลูกศร ตัวอย่างเช่น UTF-8 สนับสนุนตัวอักษร ได้แก่ :

  • สัญลักษณ์สกุลเงิน
  • สัญลักษณ์เลียนแบบที่ไม่ใช่ตัวอักษร
  • ตัวดำเนินการทางคณิตศาสตร์
  • รูปทรงเรขาคณิต
  • รูปร่างเหมือน Boxlike
  • Dingbats
  • เครื่องหมายกำกับ
  • อักษรกรีกกรีกและซีริลลิก

ขั้นตอนในการใส่สัญลักษณ์เพิ่มเติมเหล่านี้เหมือนกับที่ใช้กับลูกศร