مرمز HTML
رمز كيانات HTML أو أعد فك ترميزها بأمان لمقاطع الشيفرة أو مدخلات المستخدم. مجاني.
كيفية الاستخدام
- الصق شيفرة HTML الخام أو اكتبها في مربع الإدخال — أي شيء فيه < أو > أو & أو علامات اقتباس.
- اختر ترميز لتحويل الأحرف الخاصة إلى كيانات HTML آمنة (مثلًا < تصبح <)، أو فك ترميز لتحويل الكيانات مجددًا إلى أحرف عادية.
- انقر على زر الترميز أو فك الترميز لمعالجة نصك فورًا في متصفحك.
- انسخ النتيجة بنقرة واحدة، أو نزّلها كملف .txt لاستخدامها في مشروعك.
الأسئلة الشائعة
هل هي مجانية فعلًا؟
نعم — كل أداة على هذا الموقع مجانية 100% دون حدود ودون تسجيل ودون علامات مائية.
هل بياناتي خاصة؟
بالتأكيد. تتم كل المعالجة محليًا في متصفحك. لا تُرفع ملفاتك أبدًا إلى أي خادم.
ماذا يفعل ترميز HTML فعلًا؟
يحوّل ترميز HTML الأحرف الخاصة مثل < و> و& وعلامات الاقتباس إلى كيانات HTML مثل < و> و& و" و'. وهذا يمنع المتصفح من معاملة نصك كوسوم، وهو أساسي عند عرض إدخال المستخدم أو عينات الشيفرة على صفحة ويب.
متى أرمّز بدلًا من أن أفك الترميز؟
رمّز عندما تريد عرض شيفرة أو نص خام بأمان داخل HTML — مثلًا إظهار <div> كنص مرئي في درس. وفكّ الترميز عندما يكون لديك نص مرمّز بالكيانات (مثل &) وتريد الأحرف الأصلية مجددًا للتحرير أو المعالجة.
هل يحمي هذا من هجمات XSS؟
ترميز إدخال المستخدم قبل إدراجه في HTML هو أحد الدفاعات القياسية ضد البرمجة عبر المواقع (XSS). لكن الحماية الصحيحة من XSS تعتمد أيضًا على السياق (متن HTML والسمات وJavaScript) — فالترميز وحده ليس حلًا أمنيًا كاملًا للبيانات غير الموثوقة.
أي الأحرف تُرمَّز؟
تُرمَّز الأحرف الخمسة ذات الدلالة في HTML: علامة العطف (&) وأصغر من (<) وأكبر من (>) وعلامة الاقتباس المزدوجة وعلامة الاقتباس المفردة. وتُستخدم الكيانات المسماة حيثما كانت قياسية (& و< و> و") والكيانات الرقمية في غيرها.
مرمّز HTML — الدليل الكامل
يبدو عرض شيفرة خام أو نص مولّد من المستخدم على صفحة ويب بسيطًا، لكن علامة < واحدة في غير موضعها قد تكسر تخطيطك بالكامل — أو الأسوأ، تفتح ثغرة أمنية. يحوّل مرمّز HTML الأحرف الخاصة إلى كيانات HTML، وهي التمثيلات النصية الآمنة التي تعرضها المتصفحات حرفيًا بدلًا من تفسيرها كوسوم.
كيف يعمل
عند النقر على ترميز، يُستبدل كل حرف ذي دلالة: & تصبح &، و< تصبح <، و> تصبح >، وعلامات الاقتباس تصبح " أو '. وتُرمَّز علامة العطف دائمًا أولًا، لأن ترميزها أخيرًا سيضاعف ترميز الكيانات التي أنشأتها للتو. ويعكس فك الترميز العملية، محوّلًا الكيانات مجددًا إلى أحرفها الأصلية.
حالات استخدام شائعة
- التدوين والدروس: اعرض مقتطفات HTML أو CSS أو JavaScript كنص مقروء داخل كتل
<pre>أو<code>دون أن ينفذها المتصفح. - أنظمة التعليقات والمنتديات: رمّز المحتوى المقدم من المستخدمين قبل عرضه حتى يظهر تعليق يحتوي على
<script>كنص غير ضار. - قوالب البريد: كثير من عملاء البريد يشوّهون علامات الزاوية الخام؛ والكيانات تنجو من الرحلة سليمة.
- ترحيل محتوى أنظمة إدارة المحتوى: فكّ ترميز الكيانات عند نقل المحتوى بين أنظمة تخزن النص بشكل مختلف.
نصائح لأفضل النتائج
رمّز مرة واحدة عند نقطة الإخراج — فترميز نص مرمّز أصلًا ينتج قمامة مرئية مثل &lt;. وإذا كنت تبني موقعًا بإطار عمل، تحقق مما إذا كان يهرّب المخرجات تلقائيًا (React وVue ومعظم محركات القوالب تفعل ذلك)؛ والترميز اليدوي مطلوب أساسًا لـ HTML/JS العادي أو الأنظمة القديمة. وللمستندات الكبيرة، رمّز على أجزاء حتى تستطيع فحص المخرجات، واختبر دائمًا الصفحة المعروضة في متصفح حقيقي بدلًا من الوثوق بعرض المصدر الخام.
الترميز مقابل الهروب في JavaScript
لاحظ أن ترميز كيانات HTML يختلف عن هروب سلاسل JavaScript أو ترميز الروابط — فكل منها يستهدف محللًا مختلفًا. استخدم هذه الأداة لسياقات HTML؛ وللروابط استخدم مرمّز الروابط، ولسلاسل JavaScript اعتمد على JSON.stringify أو هروب إطار عملك المدمج. وخلطها ببعضها مصدر كلاسيكي لأخطاء الترميز المزدوج.