ตัวแปลง HTML Entity
เข้ารหัสอักขระพิเศษ HTML เป็นรูปแบบ named, decimal, หรือ hex ทันที หรือถอดรหัส HTML entity กลับเป็นข้อความธรรมดา เครื่องมือที่จำเป็นสำหรับการป้องกัน XSS
ตารางอ้างอิง HTML Entity ที่พบบ่อย
| อักขระ | รูปแบบชื่อ | ฐานสิบ | ฐานสิบหก | คำอธิบาย |
|---|---|---|---|---|
| & | & | & | & | แอมเพอร์แซนด์ |
| < | < | < | < | น้อยกว่า |
| > | > | > | > | มากกว่า |
| " | " | " | " | อัญประกาศคู่ |
| ' | ' | ' | ' | อัญประกาศเดี่ยว |
| |   |   | เว้นวรรคแบบไม่ตัดคำ | |
| © | © | © | © | ลิขสิทธิ์ |
| ® | ® | ® | ® | เครื่องหมายการค้าจดทะเบียน |
| ™ | ™ | ™ | ™ | เครื่องหมายการค้า |
เกี่ยวกับเครื่องมือนี้
เครื่องมือแปลง HTML Entity เป็นยูทิลิตี้ที่มีน้ำหนักเบาสำหรับนักพัฒนา ช่วยในการแปลงอักขระพิเศษ (เช่น < > & " ') ให้เป็นโค้ดที่ปลอดภัยสำหรับ HTML รองรับการทำงานทั้งสองทิศทาง: เข้ารหัสข้อความต้นฉบับเป็นรูปแบบ Named, Decimal, Hexadecimal และถอดรหัสกลับเป็นข้อความที่อ่านได้ง่าย
HTML Entity เช่น &, < หรือ > รองรับการแปลง 3 รูปแบบ: รูปแบบชื่อ, ฐานสิบ และ ฐานสิบหก
วิธีใช้งาน
เลือกโหมด
เลือกแท็บ 'เข้ารหัส' (ข้อความธรรมดาไปเป็น HTML) หรือ 'ถอดรหัส'
กรอกข้อความ
พิมพ์ข้อความธรรมดา หรือวางโค้ด HTML ที่ต้องการถอดรหัสลงในช่องที่กำหนด
รับผลลัพธ์
คลิก "คัดลอก" เพื่อนำผลลัพธ์ที่แปลงแล้วแบบเรียลไทม์ไปใช้งานได้ทันที
คำศัพท์
- HTML Entity
- ข้อความ (สตริง) ที่เริ่มต้นด้วยเครื่องหมายแอมเพอร์แซนด์ (
&) และลงท้ายด้วยอัฒภาค (;) ใช้สำหรับแสดงอักขระสงวนในโครงสร้าง HTML โดยไม่ทำให้ไวยากรณ์หน้าเว็บเสียหาย - Named Entity (รูปแบบชื่อ)
- ใช้ตัวย่อที่จำได้ง่าย เช่น
&copy;สำหรับสัญลักษณ์ลิขสิทธิ์ © - Decimal / Hexadecimal Entity
- ใช้รหัสตัวเลข (ฐานสิบ หรือ ฐานสิบหก) ของอักขระนั้นบน Unicode โดยตรง ซึ่งรองรับอักขระทุกประเภทรวมถึงอีโมจิ
- XSS (Cross-Site Scripting)
- ช่องโหว่ด้านความปลอดภัยที่แฮ็กเกอร์แทรกสคริปต์ที่เป็นอันตราย การเข้ารหัส/หลีกเลี่ยงอักขระ HTML เป็นการป้องกันเบื้องต้นและจำเป็นที่สุดสำหรับ XSS
คำถามที่พบบ่อย
- Q.มีอักขระใดบ้างที่ถูกเข้ารหัส?
- อักขระ HTML สำคัญ 5 ตัว (
&,<,>,",') จะถูกเข้ารหัสเป็นรูปแบบชื่อ นอกจากนี้ อักขระที่อยู่นอกเหนือรหัส ASCII (เช่น อีโมจิ หรือตัวอักษรที่มีเครื่องหมาย) จะถูกเปลี่ยนเป็นรหัสตัวเลข - Q.สามารถใช้กับไฟล์ HTML ทั้งไฟล์ได้หรือไม่?
- ได้ คุณสามารถวางเอกสาร HTML ทั้งหมดลงในแท็บ 'เข้ารหัส' เพื่อให้ซอร์สโค้ดปลอดภัย ช่วยให้สามารถแสดงโค้ดนั้นภายในแท็ก
<pre><code>บนหน้าเว็บของคุณได้ - Q.สามารถถอดรหัสสตริง JavaScript เช่น \u00A9 ได้หรือไม่?
- ไม่ได้ เครื่องมือนี้รองรับเฉพาะ HTML Entity (รูปแบบ
&...;) เท่านั้น
กรณีการใช้งาน
การแสดงตัวอย่างโค้ด
เข้ารหัสซอร์สโค้ด HTML เพื่อแสดงผลอย่างปลอดภัยในบทความบล็อกโปรแกรมมิ่ง โดยไม่ถูกเบราว์เซอร์เรนเดอร์เป็นหน้าเว็บจริง
ความปลอดภัย / การทำความสะอาดข้อมูล
ตรวจสอบการจัดการข้อมูลจากผู้ใช้ว่ามี "escape" (การเข้ารหัส) อย่างถูกต้อง เพื่อป้องกันการโจมตีประเภท XSS
เทมเพลตอีเมล
แปลงอักขระ Unicode และอีโมจิเป็นรหัสตัวเลข (entities) เพื่อให้มั่นใจว่าจะแสดงผลได้อย่างถูกต้องบนโปรแกรมอ่านอีเมลรุ่นเก่า
ส่งความคิดเห็น
โปรดแจ้งให้เราทราบความคิดเห็นของคุณเพื่อช่วยปรับปรุงเครื่องมือ
การส่งความคิดเห็นถูกระงับชั่วคราว
เซิร์ฟเวอร์ไม่ว่างหรือระบบป้องกันสแปมทำงานอยู่ โปรดลองอีกครั้งในภายหลัง