ترميز وفك ترميز كيانات HTML

هرّب النص ليصبح آمنًا داخل HTML، أو حوّل كيانات مثل & و€ إلى أحرف مقروءة.

يعمل في متصفحكبدون تسجيللا يُرفع شيء

بعد الترميز

طريقة استخدام ترميز وفك ترميز كيانات HTML

  1. اختر ترميز لتهريب النص، أو فك الترميز لتحويل الكيانات إلى أحرف.
  2. عند الترميز، اختر الأحرف التي تريد تهريبها: أحرف HTML الخاصة فقط، أو كل الأحرف غير ASCII أيضًا، أو كل شيء عدا الحروف والأرقام.
  3. اختر الكيانات المسمّاة (é) أو العشرية (é) أو الست عشرية (é).
  4. انسخ النتيجة. عند فك الترميز، تُدرج الكيانات غير المعروفة لتكتشف الأخطاء الإملائية.

لماذا تهرّب HTML؟

لخمسة أحرف معنى خاص في HTML: & يبدأ كيانًا، و< و> يحدّان الوسوم، و" و' يُغلقان قيم السمات. إذا أُدرج نص يقدمه المستخدم يحتوي عليها في صفحة دون تهريب، فقد يكسر التخطيط، أو ما هو أسوأ، يحقن سكربتات (Cross-Site Scripting، XSS). يحوّلها التهريب إلى &amp; و&lt; و&gt; و&quot; و&#x27;، التي يعرضها المتصفح كنص.

الكيانات المسمّاة والعشرية والست عشرية

يمكن كتابة أي حرف Unicode كمرجع رقمي: عشري &#8364; أو ست عشري &#x20AC; للرمز €. وللعديد من الأحرف الشائعة أيضًا اسم مقروء، مثل &euro; أو &copy; أو &nbsp;. تعمل المراجع الرقمية في كل مكان، بما في ذلك XML الذي لا يعرّف سوى خمسة كيانات مسمّاة. أما الكيانات المسمّاة فأسهل قراءةً في الكود المصدري.

هل أحتاج إلى ترميز الأحرف غير ASCII؟

لا، إذا كانت صفحتك تُقدَّم بترميز UTF-8، وهو حال كل المواقع الحديثة تقريبًا (<meta charset="utf-8">). يمكن كتابة أحرف مثل é أو ü أو 日本 مباشرة. ترميزها مفيد للأنظمة القديمة، أو قوالب البريد الإلكتروني، أو عندما يُفسد مسار معالجة ما النصوص غير ASCII.

التهريب يعتمد على السياق

يحمي تهريب كيانات HTML النص الموضوع في محتوى العناصر والسمات المقتبسة. لكنه لا يكفي للقيم داخل كتل <script>، أو معالجات الأحداث المضمّنة، أو CSS، أو عناوين URL، إذ يحتاج كل منها إلى ترميزه الخاص. فضّل التهريب التلقائي في إطار عملك (React وVue وJinja وBlade) على بناء السلاسل يدويًا.

الأسئلة الشائعة

ما الأحرف التي يجب تهريبها في HTML؟
في محتوى النص، & و< ضروريان. وفي قيم السمات، هرّب أيضًا علامة الاقتباس التي استخدمتها. تهريب الخمسة كلها (& < > " ') هو الخيار الآمن الافتراضي.
ما هو &amp;nbsp;؟
مسافة غير قابلة للكسر (U+00A0). تبدو كمسافة لكنها تمنع فاصل السطر ولا تُدمج مع المسافات المجاورة.
لماذا يُفك ترميز &amp;copy2024 إلى ©2024؟
للتوافق مع الإصدارات السابقة، تفك المتصفحات ترميز بعض الكيانات القديمة، مثل &copy و&amp و&lt، حتى بدون الفاصلة المنقوطة في النهاية. وتتبع أداة فك الترميز هذه القاعدة نفسها. اكتب دائمًا الفاصلة المنقوطة في HTML الخاص بك.
هل الفاصلة العليا &amp;apos; أم &amp;#39;؟
&apos; صالح في HTML5 وXML لكن ليس في HTML 4، لذا فإن الصيغة الرقمية &#39; أو &#x27; هي الخيار الأكثر توافقًا، وهي ما تُخرجه أداة الترميز هذه.

أدوات ذات صلة