HTML Encode/Decode

แปลงตัวอักษรที่ใช้ได้ทั้งหมดเป็น HTML entities หรือในทางกลับกัน

แท็กต่างๆ: html html encode/decode ดีโค้ดเดอร์ ตัวเข้ารหัส

🚀 313,493 การแปลงทั้งหมด (3,348 ในเดือนนี้)

บทนำ

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

วิธีใช้เครื่องมือนี้

  1. วางโค้ด HTML ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
  2. คลิกปุ่ม Encode หรือ Decode เพื่อประมวลผล HTML ของคุณ
  3. หลังจากเข้ารหัสหรือถอดรหัสแล้ว คุณสามารถ:
    • ดาวน์โหลดผลลัพธ์ที่ประมวลผลแล้ว
    • บันทึกหรือแชร์โดยใช้ลิงก์ที่ไม่ซ้ำกัน
    • ลงชื่อเข้าใช้ด้วย Google หรือ GitHub เพื่อบันทึกผลลัพธ์ของคุณสำหรับการใช้งานในอนาคต

HTML Entity คืออะไร?

HTML entity คือข้อความที่เริ่มต้นด้วยเครื่องหมายแอมเพอร์แซนด์ (&) และสิ้นสุดด้วยเครื่องหมายเซมิโคลอน (;) เอนทิตีมักใช้เพื่อแสดงอักขระที่สงวนไว้ เช่น < หรือ > ซึ่งมิฉะนั้นจะถูกตีความเป็นโค้ด HTML พวกเขายังสามารถแทนอักขระที่มองไม่เห็น (เช่น ช่องว่างที่ไม่แตก) หรืออักขระพิเศษที่พิมพ์ได้ยากบนแป้นพิมพ์มาตรฐาน

ตัวอย่างเช่น:

  • < แทนสัญลักษณ์น้อยกว่า ("<").
  • & แทนเครื่องหมายแอมเพอร์แซนด์ ("&").

เรียนรู้เพิ่มเติมเกี่ยวกับ HTML entities จาก คู่มือที่มีประโยชน์นี้ .

HTML Character Entities ที่มีประโยชน์บางส่วน

ผลลัพธ์ คำอธิบาย ชื่อเอนทิตี หมายเลขเอนทิตี
ช่องว่างที่ไม่แตก &nbsp; &#160;
< น้อยกว่า &lt; &#60;
> มากกว่า &gt; &#62;
& แอมเพอร์แซนด์ &amp; &#38;
" เครื่องหมายคำพูดคู่ &quot; &#34;
' เครื่องหมายคำพูดเดี่ยว (อัญประกาศ) &apos; &#39;
¢ เซ็นต์ &cent; &#162;
£ ปอนด์ &pound; &#163;
¥ เยน &yen; &#165;
ยูโร &euro; &#8364;
© ลิขสิทธิ์ &copy; &#169;
® เครื่องหมายการค้าจดทะเบียน &reg; &#174;

ตัวอย่าง

ก่อนเข้ารหัส

      
<!doctype html>
<html lang="en">
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <div id="content">
      <h1 class="title">Hello World!</h1>
    </div>
  </body>
</html>
      
    

หลังเข้ารหัส

      
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Hello World!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id=&quot;content&quot;&gt;
      &lt;h1 class=&quot;title&quot;&gt;Hello World!&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;