MSMuhammad Shahid

כלי חינמי · רץ בדפדפן שלכם

מקודד ומפענח HTML

המירו תווים מיוחדים ל־HTML entities כדי שיוצגו כטקסט, והחזירו entities לתווים.

תשובה קצרה

קידוד HTML מחליף תווים שיש להם משמעות מיוחדת ב־HTML: & הופך ל־&amp;, < הופך ל־&lt;, > הופך ל־&gt;, ומירכאות הופכות ל־&quot; ו־&#39;. הדפדפן מציג אותם אז כטקסט ולא קורא אותם כקוד. הדביקו טקסט כדי לקודד, או עברו לפענוח כדי להחזיר כל entity שמי או מספרי לתו שלו.

איך משתמשים

  1. בחרו קידוד או פענוח. קידוד כדי להכניס טקסט ל־HTML; פענוח כדי לקרוא entities.
  2. הדביקו את הטקסט. התוצאה מתעדכנת תוך כדי הקלדה.
  3. העתיקו את התוצאה. בחרו אם לקודד רק תווים מיוחדים או יותר.

דוגמה

תג הופך לטקסט שהדפדפן מציג ולא מריץ:

קלט

<p>Tom & "Jerry"</p>

פלט

&lt;p&gt;Tom &amp; &quot;Jerry&quot;&lt;/p&gt;

שגיאות נפוצות ואיך לתקן אותן

בדף מופיע &amp;amp;
הטקסט קודד פעמיים. קודדו פעם אחת בלבד, או פענחו פעם נוספת.
Entities מופיעים כטקסט
ייתכן שהפריימוורק כבר מקודד את הטקסט. React ו־Vue עושים זאת אוטומטית, אז אל תקודדו שוב.

שאלות נפוצות

מהם HTML entities?

קודים שמייצגים תווים, נכתבים עם & ו־;, כמו &lt; עבור < ו־&copy; עבור ©. הם יכולים להיות גם מספריים, כמו &#169;.

אילו תווים חייבים קידוד?

בטקסט, & ו־<. בתוך ערכי מאפיינים, גם המירכאה שמקיפה את הערך. קידוד של > נפוץ ולא מזיק.

איך מציגים קוד HTML בדף?

קודדו אותו קודם, כך ש־<p> הופך ל־&lt;p&gt;, והכניסו לדף, לרוב בתוך <pre><code>.

האם קידוד HTML מונע XSS?

זו הגנה מרכזית כשמכניסים טקסט של משתמש ל־HTML, אבל הבריחה הנכונה תלויה בהקשר, כמו מאפיינים, כתובות וסקריפטים. השתמשו בבריחה המובנית של הפריימוורק.

מה ההבדל בין קידוד HTML לקידוד URL?

קידוד HTML מיועד להצגת תווים בדף (&amp;). קידוד URL מיועד להכנסתם לכתובת אינטרנט (%26).

למה &amp;amp; מתפענח ל־&amp;?

הפענוח קורה פעם אחת בלבד, ולכן טקסט שקודד פעמיים צריך פענוח כפול. אם רואים &amp;amp; בדף, כנראה משהו קודד פעמיים.

האם צריך לקודד עברית ואימוג׳י?

לא ב־UTF-8, ברירת המחדל בדפים מודרניים, שיכול לכלול אותם ישירות. האפשרות "גם תווים שאינם ASCII" מיועדת למערכות ישנות.

האם בטוח להדביק כאן קוד?

כן. הוא מטופל כטקסט, לא מורץ, ונשאר בדפדפן שלכם.

האם להשתמש בקידוד HTML בכתובת אינטרנט?

לא. כתובות משתמשות בקידוד אחוזים, ולכן השתמשו בקידוד URL.

האם קידוד HTML זהה ל־Base64?

לא. קידוד HTML מחליף רק תווים מיוחדים. מקודד Base64 כותב מחדש את כל הנתונים באלפבית אחר.

מקורות

קשור

עוד כלים בקבוצה הזו

מדריכים ואפליקציות