ตัวเข้ารหัส/ถอดรหัส HTML Entity
แปลงอักขระพิเศษเป็น HTML entities ที่สอดคล้องกัน (การเข้ารหัส) หรือถอดรหัส HTML entities กลับเป็นข้อความปกติ (การถอดรหัส) เพื่อการแสดงผลโค้ดบนเว็บไซต์อย่างปลอดภัย
ตัวบล็อกโฆษณาของคุณทำให้เราแสดงโฆษณาไม่ได้
MiniWebtool ให้ใช้ฟรีได้เพราะมีโฆษณา หากเครื่องมือนี้ช่วยคุณได้ โปรดสนับสนุนเราด้วยการอัปเกรดเพื่อใช้งานแบบไม่มีโฆษณาและใช้ได้มากขึ้นต่อวัน หรืออนุญาต MiniWebtool.com แล้วโหลดใหม่
- อนุญาตโฆษณาสำหรับ MiniWebtool.com แล้วโหลดใหม่
- หรืออัปเกรดเพื่อไม่มีโฆษณาและมีโควตาต่อวันที่สูงขึ้น
เกี่ยวกับ ตัวเข้ารหัส/ถอดรหัส HTML Entity
ยินดีต้อนรับสู่ ตัวเข้ารหัสถอดรหัส HTML Entity ของเรา เครื่องมือออนไลน์ฟรีที่ช่วยให้คุณแปลงอักขระพิเศษเป็น HTML entities และในทางกลับกัน ไม่ว่าคุณจะเป็นนักพัฒนาเว็บที่แสดงตัวอย่างโค้ด ผู้สร้างเนื้อหาที่จัดการกับอักขระพิเศษ หรือผู้เชี่ยวชาญด้านความปลอดภัยที่ทำการตรวจสอบข้อมูลนำเข้าของผู้ใช้ เครื่องมือนี้ให้บริการการแปลงที่รวดเร็วและแม่นยำ
HTML Entities คืออะไร?
HTML entities คือรหัสพิเศษที่ใช้แทนตัวอักษรที่มีความหมายพิเศษใน HTML หรือตัวอักษรที่พิมพ์บนแป้นพิมพ์ได้ยาก โดยจะขึ้นต้นด้วยเครื่องหมายแอมเปอร์แซนด์ (&) และลงท้ายด้วยอัฒภาค (;)
HTML entities มีสองประเภทหลัก:
- Named entities: ใช้ชื่อที่สื่อความหมาย เช่น
<สำหรับเครื่องหมายน้อยกว่า (<) - Numeric entities: ใช้รหัสตัวอักษร เช่น
<(เลขฐานสิบ) หรือ<(เลขฐานสิบหก)
ทำไมต้องใช้การเข้ารหัส HTML Entity?
การเข้ารหัส HTML entity เป็นสิ่งจำเป็นด้วยเหตุผลหลายประการ:
1. แสดงตัวอักษรสงวน
ตัวอักษรเช่น <, > และ & มีความหมายพิเศษใน HTML หากคุณต้องการแสดงเป็นข้อความแทนที่จะเป็นมาร์กอัป คุณต้องทำการเข้ารหัส:
<กลายเป็น<>กลายเป็น>&กลายเป็น&
2. แสดงตัวอย่างโค้ด
เมื่อแสดงโค้ด HTML, XML หรือมาร์กอัปอื่นๆ บนหน้าเว็บ คุณต้องเข้ารหัสแท็กเพื่อให้ปรากฏเป็นข้อความแทนที่จะถูกตีความว่าเป็น HTML จริง
3. ความปลอดภัย (ป้องกัน XSS)
การเข้ารหัสเนื้อหาที่ผู้ใช้สร้างขึ้นช่วยป้องกันการโจมตีแบบ Cross-Site Scripting (XSS) โดยทำให้มั่นใจว่าโค้ด HTML หรือ JavaScript ที่อาจเป็นอันตรายจะถูกแสดงเป็นข้อความที่ไม่มีอันตราย
4. อักขระพิเศษและสัญลักษณ์
HTML entities ช่วยให้คุณแสดงอักขระพิเศษ เช่น สัญลักษณ์ลิขสิทธิ์ (©), สัญลักษณ์สกุลเงิน (€, £, ¥), สัญลักษณ์ทางคณิตศาสตร์ (×, ÷, ±) และอักขระที่มีการเน้นเสียง
วิธีใช้เครื่องมือนี้
การเข้ารหัส (ข้อความเป็น HTML Entities)
- วางหรือพิมพ์ข้อความที่มีอักขระพิเศษลงในช่องป้อนข้อมูล
- เลือกโหมด "เข้ารหัส"
- คลิก "แปลง"
- คัดลอกผลลัพธ์ที่เข้ารหัสแล้วนำไปใช้ใน HTML ของคุณ
การถอดรหัส (HTML Entities เป็นข้อความ)
- วางข้อความที่มี HTML entities (เช่น
<div>) ลงในช่องป้อนข้อมูล - เลือกโหมด "ถอดรหัส"
- คลิก "แปลง"
- คัดลอกผลลัพธ์ที่ถอดรหัสเพื่อดูข้อความต้นฉบับ
อ้างอิง HTML Entities ทั่วไป
นี่คือ HTML entities ที่ใช้บ่อยที่สุด:
| ตัวอักษร | Named Entity | Numeric Entity | คำอธิบาย |
|---|---|---|---|
| < | < | < | เครื่องหมายน้อยกว่า |
| > | > | > | เครื่องหมายมากกว่า |
| & | & | & | เครื่องหมายและ (Ampersand) |
| " | " | " | เครื่องหมายฟันหนูคู่ (Double quote) |
| ' | ' | ' | เครื่องหมายฟันหนูเดี่ยว (Apostrophe) |
| |   | เว้นวรรคแบบไม่ตัดคำ (Non-breaking space) | |
| © | © | © | สัญลักษณ์ลิขสิทธิ์ |
| ® | ® | ® | สัญลักษณ์เครื่องหมายการค้าจดทะเบียน |
| ™ | ™ | ™ | สัญลักษณ์เครื่องหมายการค้า |
| € | € | € | สัญลักษณ์ยูโร |
| £ | £ | £ | สัญลักษณ์ปอนด์ |
| ¥ | ¥ | ¥ | สัญลักษณ์เยน |
| ¢ | ¢ | ¢ | สัญลักษณ์เซนต์ |
| § | § | § | เครื่องหมายตอน (Section sign) |
| ¶ | ¶ | ¶ | เครื่องหมายย่อหน้า (Paragraph sign) |
| • | • | • | จุดนำหน้าข้อความ (Bullet) |
| – | – | – | ขีดสั้น (En dash) |
| — | — | — | ขีดยาว (Em dash) |
| ← | ← | ← | ลูกศรซ้าย |
| → | → | → | ลูกศรขวา |
| ↑ | ↑ | ↑ | ลูกศรขึ้น |
| ↓ | ↓ | ↓ | ลูกศรลง |
| ° | ° | ° | สัญลักษณ์องศา |
| ± | ± | ± | เครื่องหมายบวกลบ |
| × | × | × | เครื่องหมายคูณ |
| ÷ | ÷ | ÷ | เครื่องหมายหาร |
| ½ | ½ | ½ | เศษหนึ่งส่วนสอง |
| ¼ | ¼ | ¼ | เศษหนึ่งส่วนสี่ |
| ¾ | ¾ | ¾ | เศษสามส่วนสี่ |
| α | α | α | อักษรกรีกแอลฟาตัวเล็ก |
Named vs Numeric Entities
Named Entities
Named entities ใช้ชื่อที่สื่อความหมายที่จำง่าย เช่น:
©สำหรับ © (ลิขสิทธิ์)®สำหรับ ® (เครื่องหมายการค้าจดทะเบียน)€สำหรับ € (สัญลักษณ์ยูโร)
ข้อดี: อ่านง่ายกว่าและจำง่ายกว่า
ข้อเสีย: ไม่ใช่ทุกตัวอักษรที่มี named entities
Numeric Entities
Numeric entities ใช้รหัสตัวอักษร Unicode ในรูปแบบเลขฐานสิบหรือฐานสิบหก:
©(ฐานสิบ) หรือ©(ฐานสิบหก) สำหรับ ©®(ฐานสิบ) หรือ®(ฐานสิบหก) สำหรับ ®
ข้อดี: สามารถแสดงตัวอักษร Unicode ได้ทุกตัว
ข้อเสีย: อ่านยากกว่า named entities
แนวทางปฏิบัติที่ดีที่สุด
- เข้ารหัสข้อมูลนำเข้าจากผู้ใช้เสมอ: เมื่อแสดงเนื้อหาที่สร้างโดยผู้ใช้ ให้ทำการเข้ารหัสเพื่อป้องกันการโจมตีแบบ XSS
- เข้ารหัสตัวอย่างโค้ด: เมื่อแสดง HTML, XML หรือโค้ดมาร์กอัปอื่นๆ ให้ทำการเข้ารหัสเพื่อให้แสดงผลได้อย่างถูกต้อง
- ใช้ named entities เมื่อเป็นไปได้: เนื่องจากอ่านง่ายและดูแลรักษาง่ายกว่า
- อย่าเข้ารหัสเกินความจำเป็น: เข้ารหัสเฉพาะตัวอักษรที่จำเป็น ตัวอักษรปกติและตัวเลขไม่จำเป็นต้องเข้ารหัส
- ตรวจสอบ HTML ของคุณ: หลังจากเข้ารหัส ตรวจสอบให้แน่ใจว่า HTML ของคุณยังคงถูกต้องตามมาตรฐาน
กรณีการใช้งานทั่วไป
1. การแสดงตัวอย่างโค้ด
เมื่อคุณต้องการแสดงโค้ด HTML บนหน้าเว็บของคุณ:
ต้นฉบับ: <div class="container">Hello</div>
เข้ารหัสแล้ว: &lt;div class="container"&gt;Hello&lt;/div&gt;
2. การแสดงอักขระพิเศษ
แสดงประกาศลิขสิทธิ์ เครื่องหมายการค้า และสัญลักษณ์อื่นๆ:
ต้นฉบับ: © 2025 Company Name®
เข้ารหัสแล้ว: &copy; 2025 Company Name&reg;
3. นิพจน์ทางคณิตศาสตร์
แสดงสัญลักษณ์ทางคณิตศาสตร์อย่างถูกต้อง:
ต้นฉบับ: 5 × 3 = 15
เข้ารหัสแล้ว: 5 &times; 3 = 15
คำถามที่พบบ่อย
ฉันจำเป็นต้องเข้ารหัสอักขระพิเศษทั้งหมดหรือไม่?
ไม่ จำเป็นต้องเข้ารหัสเฉพาะตัวอักษรที่มีความหมายพิเศษใน HTML หรือตัวอักษรที่อาจทำให้เกิดปัญหาในการแสดงผล ตัวอักษรปกติ ตัวเลข และเครื่องหมายวรรคตอนทั่วไป เช่น จุดและเครื่องหมายจุลภาค ไม่จำเป็นต้องเข้ารหัส
ความแตกต่างระหว่าง encoding และ escaping คืออะไร?
ใน HTML คำว่า encoding และ escaping มักถูกใช้แทนกัน ทั้งสองหมายถึงการแปลงอักขระพิเศษเป็น entities ที่เทียบเท่า อย่างไรก็ตาม "escaping" เป็นคำศัพท์การเขียนโปรแกรมที่ทั่วไปกว่า ในขณะที่ "encoding" อ้างอิงถึงกระบวนการแปลง HTML entity โดยเฉพาะ
ฉันสามารถใช้ HTML entities ใน URL ได้หรือไม่?
ไม่ได้ ไม่ควรใช้ HTML entities ใน URL URL ใช้การเข้ารหัสแบบ percent-encoding (URL encoding) แทน ซึ่งเป็นรูปแบบการเข้ารหัสที่แตกต่างกัน ตัวอย่างเช่น ช่องว่างใน URL จะกลายเป็น %20
HTML entities พิมพ์เล็กพิมพ์ใหญ่มีความสำคัญหรือไม่?
Named entities นั้นให้ความสำคัญกับตัวพิมพ์เล็กพิมพ์ใหญ่ ตัวอย่างเช่น © ใช้งานได้ แต่ © ใช้ไม่ได้ ส่วน Numeric entities ไม่ได้รับผลกระทบจากตัวพิมพ์ ยกเว้นตัว 'x' ในสัญลักษณ์ฐานสิบหก (ทั้ง © และ © ใช้งานได้)
แหล่งข้อมูลเพิ่มเติม
เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ HTML entities:
- มาตรฐาน HTML - การอ้างอิงตัวอักษรแบบชื่อ (Named Character References)
- HTML Entity - MDN Web Docs
- HTML Entities - W3Schools
อ้างอิงเนื้อหา หน้าหรือเครื่องมือนี้ว่า:
"ตัวเข้ารหัส/ถอดรหัส HTML Entity" ที่ https://MiniWebtool.com/th/ตัวเข้ารหัสถอดรหัส-html-entity/ จาก MiniWebtool, https://MiniWebtool.com/
โดยทีมงาน miniwebtool อัปเดตเมื่อ: 16 ธ.ค. 2025
เครื่องมือสำหรับเว็บมาสเตอร์:
- เครื่องคิดเลข CPC
- เครื่องคำนวณ CPM
- CSS Compressor
- เครื่องสร้างฟาวิคอน
- เครื่องคำนวณ Google AdSense
- เครื่องสร้าง cron job
- เครื่องสร้างนิพจน์ crontab
- คอมเพรสเซอร์ HTML
- ตัวแปลง HTML เป็นข้อความ แนะนำ
- เครื่องตรวจสอบความหนาแน่นของคำหลัก
- เครื่องสร้างตาราง Markdown
- เครื่องสร้างเมตาแท็ก
- เครื่องลบเครื่องหมายคำพูดอัจฉริยะ
- ตัวสร้าง URL Slug
- เครื่องคำนวณค่าหน้า
- เครื่องคำนวณมูลค่าผู้เข้าชม
- ตัวคำนวณสิทธิ์ Unix (chmod)
- ตัวเข้ารหัส/ถอดรหัส HTML Entity
- ตัวสร้าง Lorem Ipsum
- Escape Unescape สตริง JSON
- เครื่องแปลง cURL เป็น JSON
- ตัวจัดรูปแบบ SQL
- เครื่องมือปรับแต่ง SVG
- เครื่องมือสร้างรหัสการเปลี่ยนเส้นทาง .htaccess
- ตัวตรวจสอบขนาดการรวบรวมข้อมูล Googlebot
- เครื่องมือสร้าง robots.txt ใหม่
- เครื่องมือสร้าง XML Sitemap ใหม่
- เครื่องตรวจสอบอายุโดเมน ใหม่
- ตัวตรวจสอบ Open Graph ใหม่
- ค้นหา WHOIS ใหม่
- ตรวจสอบ DNS ใหม่
- ตัวตรวจสอบความเร็วหน้าเว็บ ใหม่
- ตรวจสอบความน่าเชื่อถือโดเมน ใหม่
- ตรวจสอบการเปลี่ยนเส้นทาง ใหม่
- เครื่องสร้างแท็ก Hreflang ใหม่
- เครื่องมือตรวจสอบลิงก์เสีย ใหม่
- พื้นที่ทดลอง CSS Flexbox ใหม่
- เครื่องมือสร้าง CSS Grid ใหม่
- เครื่องมือสร้างคำสั่ง Git ใหม่
- เครื่องสร้างไฟล์ .env ใหม่
- เครื่องมือสร้างคำสั่ง cURL ใหม่
- การอ้างอิงรหัสสถานะ HTTP ใหม่
- ตัวแยกวิเคราะห์ URL ใหม่
- เครื่องมือสร้างสตริงคำค้นหา ใหม่
- ตัวแปลง SVG เป็น React/JSX ใหม่
- คอมไพเลอร์ SCSS เป็น CSS ใหม่
- คอมไพเลอร์ Less เป็น CSS ใหม่
- สนามทดลอง TypeScript ใหม่
- เครื่องสร้างสคีมา JSON ใหม่