เครื่องมือเข้ารหัสและถอดรหัส HTML Entity
แปลงอักขระพิเศษเป็น HTML entity หรือถอดรหัส entity กลับเป็นอักขระ พร้อมตารางอ้างอิง entity ทั่วไป
| Character | Entity | 코드 | 설명 |
|---|
HTML Entity คืออะไร?
HTML entity คือรหัสพิเศษที่ใช้แทนอักขระที่สงวนไว้ใน HTML ตัวอย่างเช่น < แทน < และ & แทน & หากไม่มีการเข้ารหัส อักขระเหล่านี้จะถูกตีความเป็นแท็ก HTML หรือไวยากรณ์ ซึ่งอาจทำให้โครงสร้างหน้าเว็บของคุณเสียหาย หรือก่อให้เกิดปัญหาด้านความปลอดภัย เช่น การโจมตีแบบ XSS ได้
วิธีเข้ารหัสหรือถอดรหัส HTML Entity
- เลือกโหมด — เลือก เข้ารหัส เพื่อแปลงอักขระเป็น entity หรือ ถอดรหัส เพื่อแปลง entity กลับเป็นอักขระ
- พิมพ์หรือวาง — ป้อนข้อความของคุณ และดูผลลัพธ์ที่แปลงแล้วได้แบบเรียลไทม์
- ตารางอ้างอิง — คลิกที่ส่วนอ้างอิงเพื่อดู entity ทั่วไป และคลิกที่แถวใดก็ได้เพื่อแทรกลงไป
- คัดลอก — คลิก คัดลอก เพื่อนำผลลัพธ์ไปใช้
ทำไมต้องใช้เครื่องมือ HTML Entity นี้?
- เรียลไทม์ — ผลลัพธ์จะอัปเดตทันทีที่คุณพิมพ์
- ตารางอ้างอิง — 24 entity ทั่วไป พร้อมอักขระ, ชื่อ entity, รหัสตัวเลข และคำอธิบาย
- คลิกเพื่อแทรก — คลิก entity ใดก็ได้ในตารางอ้างอิงเพื่อเพิ่มลงในช่องป้อนข้อมูลของคุณ
- ปุ่มสลับ — สลับทิศทางการเข้ารหัส/ถอดรหัสอย่างรวดเร็ว โดยให้ผลลัพธ์เป็นข้อมูลป้อนเข้าใหม่
- ป้องกัน XSS — เข้ารหัสข้อมูลที่ผู้ใช้ป้อนอย่างถูกต้อง เพื่อป้องกันการโจมตีแบบ Cross-Site Scripting
FreeToolbox เทียบกับเครื่องมือ HTML Entity อื่นๆ
| คุณสมบัติ | FreeToolbox | mothereff.in | html-entities.com |
|---|---|---|---|
| เรียลไทม์ | ใช่ | ใช่ | ไม่ใช่ |
| ตารางอ้างอิง | ใช่ (24 entities) | ไม่ใช่ | ใช่ |
| คลิกเพื่อแทรก | ใช่ | ไม่ใช่ | ไม่ใช่ |
| สลับ I/O | ใช่ | ไม่ใช่ | ไม่ใช่ |
| โฆษณา | น้อย | ไม่มี | มาก |
คำถามที่พบบ่อย
อักขระใดบ้างที่จะถูกเข้ารหัส?
ตัวเข้ารหัสจะแปลงอักขระพิเศษหลัก 5 ตัวใน HTML: & (ampersand), < (น้อยกว่า), > (มากกว่า), " (เครื่องหมายคำพูดคู่) และ ' (เครื่องหมายคำพูดเดี่ยว)
แล้วอักขระที่ไม่ใช่ ASCII เช่น อิโมจิ ล่ะ?
อักขระที่ไม่ใช่ ASCII เช่น ตัวอักษรที่มีเครื่องหมายกำกับ หรืออิโมจิ จะถูกปล่อยไว้ตามเดิม เนื่องจาก HTML สมัยใหม่ (UTF-8) รองรับอักขระเหล่านี้ได้โดยกำเนิด จะมีการเข้ารหัสเฉพาะอักขระที่สงวนไว้ 5 ตัวเท่านั้น
ฉันสามารถใช้ตารางอ้างอิงเพื่อแทรก entity ได้หรือไม่?
ได้ คลิกที่แถวใดก็ได้ในตารางอ้างอิง และอักขระที่เกี่ยวข้อง (ในโหมดเข้ารหัส) หรือ entity (ในโหมดถอดรหัส) จะถูกเพิ่มเข้าไปในช่องป้อนข้อมูลของคุณ
ทำไมการเข้ารหัส HTML จึงสำคัญต่อความปลอดภัย?
การเข้ารหัสข้อความที่ผู้ใช้ป้อนเข้ามาจะช่วยป้องกันการโจมตีแบบ Cross-Site Scripting (XSS) หากไม่มีการเข้ารหัส ผู้โจมตีสามารถแทรกแท็ก <script> ลงในหน้าเว็บของคุณได้
มีความแตกต่างระหว่าง named entity และ numeric entity หรือไม่?
Named entity เช่น & อ่านง่ายกว่า ในขณะที่ numeric entity เช่น & ได้รับการสนับสนุนในวงกว้างมากกว่า ทั้งสองรูปแบบให้ผลลัพธ์เดียวกันในเบราว์เซอร์