أدوات الخصوصية المجانيةكيفية ترميز كيانات HTML مجانًا عبر الإنترنت (دليل 2026)
جرّب لصق <div>Hello</div> في منشور مدونة وسترى المشكلة: المتصفح يفسّر <div> كوسم HTML فعلي بدلًا من عرضه كنص. الحل هو ترميز HTML — تحويل الحروف الخاصة إلى كيانات مثل < التي تعرضها المتصفحات حرفيًا. المدونون ومستخدمو أنظمة إدارة المحتوى وبناة قوالب البريد الإلكتروني والمطورون يحتاجون إليه باستمرار. يوضح لك هذا الدليل كيفية ترميز كيانات HTML وفك ترميزها باستخدام مرمز HTML المجاني لدينا، ويعطيك جدولًا مرجعيًا مفيدًا، ويشرح الحدود الأمنية الصريحة للترميز.
ما هي كيانات HTML؟
كيان HTML هو تسلسل نصي يمثل حرفًا واحدًا، مكتوبًا بصيغة &name; (مسمى) أو &#number; (رقمي). عندما يرى المتصفح < في مصدر الصفحة، فإنه يعرض حرف < حرفيًا بدلًا من بدء وسم. الحروف الخمسة الأكثر أهمية:
<→<(أصغر من — وإلا سيبدأ وسمًا)>→>(أكبر من — وإلا سينهي وسمًا)&→&(علامة & — وإلا ستبدأ كيانًا)"→"(علامة اقتباس مزدوجة — وإلا ستنهي قيمة سمة)'→'(علامة اقتباس مفردة — القلق نفسه في السمات المفردة الاقتباس)
رمّز علامة & أولًا (أو دع أداة تتولى الترتيب) — وإلا ستُعيد ترميز الكيانات التي أنشأتها للتو مرتين.
الخطوة 1: افتح مرمز HTML
افتح مرمز HTML لدينا في أي متصفح. لا تسجيل، لا تثبيت. سترى منطقة إدخال وأزرار ترميز/فك ترميز ومنطقة إخراج.
الخطوة 2: رمّز الكود أو النص الخاص بك
- ألصق المقتطف الذي تريد عرضه — مثلًا:
<p class="note">Tom & Jerry</p>. - انقر على Encode.
- يُظهر الناتج النسخة المرمزة بالكيانات، الآمنة للصق في أي صفحة HTML أو محرر مدونة أو نظام إدارة محتوى يقبل HTML خام.
- انسخ النتيجة بزر النسخ.
عندما تشاهد الصفحة التي تحتوي على المقتطف المرمز، يرى الزوار الكود بالضبط كما كتبته — الوسوم وعلامات الاقتباس وكل شيء — بدلًا من محاولة المتصفح عرضه.
الخطوة 3: فك ترميز الكيانات إلى حروف
- ألصق نصًا مرمزًا بالكيانات (مثل شيء نسخته من عرض مصدر صفحة).
- انقر على Decode.
- تُستعاد الحروف الأصلية.
فك الترميز مفيد عندما ورثت محتوى مرمزًا — من تصدير قاعدة بيانات أو نظام إدارة محتوى قديم أو HTML مكشوط — وتحتاج إلى الأصل النظيف.
متى تحتاج إلى ترميز HTML؟
- مقتطفات كود في المقالات: الدروس التي تعرض HTML، أو حتى نص يحتوي على
<و>و&، تنكسر دون ترميز. - أنظمة إدارة المحتوى ومحتوى المدونات: لصق الكود في محررات بأسلوب WordPress أو Markdown للمواقع الثابتة غالبًا ما يتطلب كيانات مرمزة للنجاة من العرض.
- قوالب البريد الإلكتروني: رسائل HTML ذات عينات كود حرفية أو حروف خاصة تحتاج إلى كيانات للعرض باستمرار عبر عملاء البريد.
- عرض مدخلات المستخدم: عرض نص كتبه مستخدم (تعليقات أو معاينات نماذج) دون ترميز يتيح لـ
<script>الخاص به أن يصبح سكربت صفحتك — إعداد XSS المخزن الكلاسيكي. - قيم السمات: علامات الاقتباس داخل قيم السمات يجب ترميزها وإلا تنكسر السمة (وربما الترميز).
جدول مرجعي سريع للكيانات
<— < ·>— > ·&— &"— " ·'— ' · — مسافة غير منقسمة©— © ·®— ® ·™— ™–— – ·—— — ·…— …€— € ·£— £ ·°— °
الكيانات المسماة تغطي الحالات الشائعة؛ والكيانات الرقمية (< لـ < مثلًا) يمكن أن تمثل أي حرف Unicode.
الصورة الأمنية الصريحة
ترميز HTML لمحتوى المستخدم قبل عرضه دفاع حقيقي ومهم ضد البرمجة عبر المواقع (XSS) — فهكذا تبقى التعليقات تعليقات بدلًا من أن تصبح كودًا قابلًا للتنفيذ. لكن أبقِ الحدود واضحة:
- الترميز يعتمد على السياق. ترميز HTML يحمي النص الموضوع في محتوى جسم HTML. وهو لا يجعل السلسلة نفسها آمنة داخل كتلة
<script>أو سياق CSS أو رابط — فكل سياق يحتاج إلى ترميزه الخاص (ترميز الروابط للروابط مثلًا). - الترميز طبقة واحدة لا استراتيجية كاملة. التطبيقات الجادة تجمع ترميز المخرجات مع التحقق من المدخلات وترويسات سياسة أمان المحتوى (انظر مدقق رؤوس الأمان لدينا) والهروب التلقائي الذي توفره الأطر.
- الترميز ≠ التشفير أو الإخفاء. الكيانات قابلة للعكس بسهولة — لا تستخدمها لإخفاء الأسرار.
أخطاء يجب تجنبها
- الترميز المزدوج: ترميز
<مجددًا ينتج&lt;، الذي يُعرض حرفيًا كـ "<" بدلًا من "<". إذا أظهرت صفحتك أسماء كيانات كنص، فهناك شيء رُمّز مرتين. - ترميز علامة & أخيرًا: رمّز
&أولًا دائمًا (الأدوات تفعل ذلك تلقائيًا)؛ ففعله أخيرًا يفسد الكيانات التي أنشأتها للتو. - نسيان علامات الاقتباس في السمات:
<و>تحظيان بكل الاهتمام، لكن علامة اقتباس غير مرمزة داخل قيمة سمة هي ما يكسر الترميز — ويمكّن الحقن.
الأسئلة الشائعة
هل مرمز HTML خاص؟
نعم — الترميز وفك الترميز يعملان بالكامل في متصفحك. لا شيء مما تلصقه يُرفع إلى أي مكان.
ما الفرق بين الكيانات المسماة والرقمية؟
الكيانات المسماة (<) هي وسائل تذكير مقروءة للحروف الشائعة؛ والكيانات الرقمية (< أو <) تخاطب الحروف برقم نقطة Unicode الخاصة بها ويمكن أن تمثل أي شيء. المتصفحات تعاملهما بالطريقة نفسها.
هل ما زلت بحاجة إلى ترميز إذا كان إطاري يهرب تلقائيًا؟
الأطر الحديثة (React وVue وقوالب Django) تهرب افتراضيًا في معظم السياقات — وهذا رائع. ما زلت بحاجة إلى ترميز يدوي لنقاط إدراج HTML الخام وقوالب البريد الإلكتروني والمحتوى الثابت وأي مكان تتجاوز فيه هروب الإطار.
هل يمكن أن يحتوي نص مرمز على فيروس أو اختراق؟
النص المرمز خامل — مجرد حروف. الخطر كان دائمًا في النسخة غير المرمزة التي تُفسَّر ككود. وهذا بالضبط ما يمنعه الترميز.
جرّبه الآن: مرمز HTML المجاني · مرمز الروابط المجاني · مرمز Base64 المجاني