ข้อมูลเข้า
ผลลัพธ์
HTML Entities ที่ใช้บ่อย - คลิกเพื่อแทรก
เกี่ยวกับเครื่องมือ HTML Entity Encoder/Decoder
แปลงอักขระพิเศษให้เป็น HTML entities ที่ปลอดภัย หรือถอดรหัสกลับเป็นข้อความอ่านง่าย เหมาะสำหรับแสดงโค้ดใน HTML, ลดความเสี่ยง XSS และจัดการอักขระพิเศษในเว็บคอนเทนต์
คู่มือ HTML Entities ฉบับสมบูรณ์
เครื่องมือ HTML Entity Encoder & Decoder ออนไลน์ฟรี
เข้ารหัสและถอดรหัส HTML entities ได้ฟรี แปลงอักขระพิเศษ เช่น <, >, &, และเครื่องหมายคำพูดให้เป็น HTML entity หรือถอดรหัส entity กลับเป็นข้อความที่อ่านได้
HTML Entities คืออะไร?
HTML entities คือโค้ดพิเศษที่ใช้แทนอักขระที่มีความหมายเฉพาะใน HTML หรืออักขระที่พิมพ์ได้ยากบนคีย์บอร์ด โดยเริ่มด้วยเครื่องหมาย ampersand และจบด้วย semicolon เช่น เครื่องหมายน้อยกว่าเขียนเป็น < เพื่อไม่ให้เบราว์เซอร์ตีความเป็น tag HTML
ประเภทของ HTML Entities
Named Entities
- อ่านเข้าใจง่าย
- ตัวอย่าง: & < >
- จำง่าย
- ใช้ได้เฉพาะชื่อที่กำหนดไว้
- เป็นรูปแบบที่ใช้บ่อยที่สุด
Decimal Entities
- ใช้รหัส Unicode แบบเลขฐานสิบ
- ตัวอย่าง: &#38; &#60; &#62;
- ใช้ได้กับทุกอักขระ
- รองรับในเบราว์เซอร์ทั่วไป
- รูปแบบ: &#NUMBER;
Hexadecimal Entities
- ใช้รหัส Unicode แบบเลขฐานสิบหก
- ตัวอย่าง: &#x26; &#x3C; &#x3E;
- ใช้ได้กับทุกอักขระ
- ตรงกับตาราง Unicode
- รูปแบบ: &#xHEX;
ทำไมต้องใช้ HTML Entities?
ความปลอดภัย (ป้องกัน XSS)
- ป้องกัน cross-site scripting
- แสดงคอนเทนต์จากผู้ใช้อย่างปลอดภัย
- escape HTML ในข้อมูลฟอร์ม
- ลดความเสี่ยง code injection
- จำเป็นสำหรับเว็บแอปที่ปลอดภัย
แสดงอักขระพิเศษ
- แสดงโค้ด HTML เป็นข้อความ
- แสดง < > & แบบตรงตัว
- ใช้สัญลักษณ์ เช่น © ® ™ € £
- แทรกสัญลักษณ์คณิตศาสตร์ (× ÷ ± ≠)
- เพิ่มลูกศร รูปทรง และสัญลักษณ์อื่นๆ
การเข้ารหัสอักขระ
- ช่วยให้แสดงผลข้ามแพลตฟอร์มได้สม่ำเสมอ
- จัดการอักขระมี accent เช่น é à ü
- รองรับอักขระนานาชาติ
- ทำงานกับ encoding รุ่นเก่า
- ลดปัญหาการแสดงผลผิด encoding
การแสดงโค้ด
- แสดงซอร์สโค้ด HTML/XML
- แสดงตัวอย่างโค้ดในบทเรียน
- ฝัง code snippets ในหน้าเว็บ
- ใช้กับเอกสารและงานเขียนเชิงเทคนิค
- เหมาะกับคอนเทนต์ที่มี syntax highlighting
HTML Entities สำคัญที่ใช้บ่อย
วิธีใช้เครื่องมือนี้
- เลือกโหมด: เลือกเข้ารหัสเพื่อแปลงข้อความเป็น entities หรือถอดรหัสเพื่อแปลง entities กลับเป็นข้อความ
- เลือกรูปแบบ: เมื่อเข้ารหัส เลือกรูปแบบ named, decimal, hexadecimal หรือทุกตัวอักษร
- ป้อนข้อความ: พิมพ์หรือวางข้อความ/HTML entities ลงในช่องข้อมูลเข้า
- ดูผลลัพธ์: ผลลัพธ์ที่แปลงแล้วจะแสดงทันทีในช่องผลลัพธ์
- แทรก Entities: คลิก entity ใดก็ได้ในตารางอ้างอิงเพื่อแทรกลงในช่องข้อมูลเข้า
- คัดลอกหรือดาวน์โหลด: ใช้ปุ่มคัดลอก หรือดาวน์โหลดเป็น TXT, HTML หรือ JSON
- สลับ: สลับข้อมูลเข้าและผลลัพธ์ พร้อมเปลี่ยนโหมดให้อัตโนมัติ
กรณีใช้งานที่พบบ่อย
แสดงโค้ด: เมื่อเขียนบทเรียน HTML ให้เข้ารหัสวงเล็บ tag เพื่อให้แสดงเป็นข้อความแทนที่จะถูกตีความเป็น markup
ข้อมูลจากฟอร์ม: เข้ารหัสคอนเทนต์จากผู้ใช้ก่อนแทรกลง HTML เพื่อลดความเสี่ยง XSS และ layout พัง
เทมเพลตอีเมล: ใช้ entities กับอักขระพิเศษใน HTML email เพื่อให้เข้ากันได้กับ email clients หลายแบบ
คอนเทนต์ CMS: เข้ารหัสอักขระพิเศษเมื่อคอนเทนต์อาจถูกประมวลผลผ่านหลายระบบที่ใช้ encoding ต่างกัน
ดีบัก: ถอดรหัส HTML ที่เต็มไปด้วย entities เพื่อดูเนื้อหาจริงเมื่อแก้ปัญหาการแสดงผล
ความเข้ากันได้ของเบราว์เซอร์
Named Entities: Entities หลัก เช่น &, <, และ > รองรับในทุกเบราว์เซอร์ ส่วนชื่อใหม่บางรายการอาจจำกัดในเบราว์เซอร์เก่า
Numeric Entities: ทั้ง decimal และ hexadecimal entities รองรับทั่วไปในเบราว์เซอร์
Unicode Characters: เบราว์เซอร์สมัยใหม่รองรับช่วง Unicode เต็มรูปแบบผ่าน numeric entities
เหมาะสำหรับ
- นักพัฒนาเว็บ
- นักเขียนคอนเทนต์และบล็อกเกอร์
- ผู้ออกแบบเทมเพลตอีเมล
- ผู้ดูแล CMS
- วิศวกรความปลอดภัย
- นักเขียนเชิงเทคนิค
- ผู้เชี่ยวชาญ SEO
- นักพัฒนา Front-end
- นักพัฒนา WordPress
- ผู้เขียนเอกสาร
- ผู้ทดสอบ QA
- นักเรียนที่กำลังเรียน HTML
ปกป้องความเป็นส่วนตัวครบถ้วน
การเข้ารหัสและถอดรหัสทั้งหมดทำงานในเบราว์เซอร์ของคุณด้วย JavaScript ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์ คอนเทนต์ของคุณจึงเป็นส่วนตัว
เครื่องมือเข้ารหัสและเว็บที่เกี่ยวข้อง
URL Encoder/Decoder
เข้ารหัสและถอดรหัส URL หรือ query string เพื่อส่งผ่านเว็บได้อย่างปลอดภัย
Base64 Encoder/Decoder
เข้ารหัสและถอดรหัส Base64 สำหรับฝังหรือส่งต่อข้อมูล
Hex Converter
แปลงข้อความเป็นเลขฐานสิบหก และแปลง hex กลับเป็นข้อความ
HTML Minifier
ย่อหรือจัดรูปแบบ HTML, CSS และ JavaScript สำหรับ production
HTML Table Generator
สร้างตาราง HTML แบบเห็นภาพ พร้อมปรับแถวและคอลัมน์ได้
JSON Formatter
จัดรูปแบบ ตรวจสอบ และ beautify ข้อมูล JSON พร้อม syntax highlighting