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

كيانات HTML هي رموز قصيرة تمثل أحرفًا محجوزة في HTML أو يصعب كتابتها. تبدأ كل منها بعلامة عطف وتنتهي بفاصلة منقوطة — على سبيل المثال &amp; هي علامة عطف (&)، و&lt; هي علامة أصغر من (<)، و&copy; هي رمز حقوق النشر (©). تتيح هذه الكيانات عرض الحرف حرفيًا بدلًا من التعامل معه كعلامة ترميزية، وتضمن عرض الرمز بشكل صحيح حتى لو لم يتضمنه ترميز أحرف الصفحة. ستصادفها باستمرار عند كتابة HTML يدويًا أو تعقيم مدخلات المستخدم في تطبيقات الويب.

الصق نصك في اللوح الأيسر وابقِ الوضع على Encode. اختر الأحرف التي تريد تشفيرها — المحجوزة فقط (< > & " ')، أو المحجوزة إضافة إلى كل حرف خارج نطاق ASCII، أو كل شيء — وحدد ما إذا كنت تريد إخراجًا بالأسماء أو العشري أو السداسي عشري. على سبيل المثال، مع خيار الأسماء، يصبح 'السمك & البطاطس <3' هكذا: 'السمك &amp; البطاطس &lt;3'. تظهر النتيجة فورًا على اليمين. انقر على نسخ والصقه مباشرة في HTML الخاص بك. كل شيء يحدث في متصفحك — لا رفع ملفات، لا حساب مطلوب، ولا قيود على كمية النص الذي يمكنك ترميزه دفعةً واحدة.

بدّل الوضع إلى Decode والصق HTML المشفر في اللوح الأيسر؛ سيظهر النص المقروء فورًا على اليمين. تتعامل الأداة مع الكيانات المسماة والعشرية والسداسية عشرية، لذا يُفك ترميز &lt;div&gt; Tom &amp; Jerry &#169; إلى <div> Tom & Jerry ©. استخدم زر Swap لقلب اللوحين إذا أردت إعادة ترميز النتيجة. يتعامل المحوّل مع أنواع الكيانات المختلطة في نفس السلسلة — المسماة والعشرية والسداسية عشرية يمكن أن تظهر معًا وتُفك بشكل صحيح. يتطلب محوّل FreeFormatter.com إرسال النموذج وإعادة تحميل الصفحة لكل تحويل؛ هذه الأداة تتحدث في الوقت الفعلي أثناء الكتابة.

هذه أكثر أربع كيانات HTML شيوعًا. &amp; هي علامة العطف (&)، و&lt; هي علامة أصغر من (<)، و&gt; هي علامة أكبر من (>)، و&nbsp; هي مسافة غير قابلة للكسر — مسافة تمنع المتصفح من تقسيم السطر أو طيّ المسافات، مفيدة بين قيمة ووحدتها مثل 10&nbsp;كجم كي لا تنفصلا على سطرين. يجب أن تشفّر & إلى &amp; قبل الأخرى، وإلا قد يُقرأ &amp; نفسه بداية لكيان جديد مما يتسبب في مشاكل الترميز المزدوج.

هي ثلاث طرق لكتابة الحرف ذاته. يستخدم الكيان المسمى كلمة مفتاحية سهلة التذكر (&amp;)؛ ويستخدم الكيان الرقمي العشري نقطة رمز Unicode في الأساس 10 (&#38;)؛ ويستخدم الكيان السداسي عشري الأساس 16 (&#x26;). الثلاثة جميعها تنتج علامة العطف. تُقرأ الكيانات المسماة بشكل أفضل، لكن ما يقارب 2000 حرف فقط لها أسماء، لذا تُستخدم الكيانات الرقمية كبديل لكل شيء آخر — بما في ذلك الرموز التعبيرية، حيث الوجه الباسم 😀 هو &#128512;. عند الشك، الكيانات المسماة هي الأكثر أمانًا من حيث القراءة. وسّعت معيار HTML5 قائمة الكيانات المسماة بشكل كبير بما يتجاوز HTML4؛ تغطي هذه الأداة مجموعة HTML5 الكاملة التي تضم أكثر من 2200 مرجع مسمى.

ثلاثة أحرف لها معنى خاص في محتوى الصفحة ويجب ترميزها دائمًا: & (&amp;) و< (&lt;) و> (&gt;). داخل قيم السمات يجب أيضًا ترميز " (&quot;) و' (&#39;). رمّز علامة العطف أولًا، وإلا قد يُقرأ &amp; نفسه بداية لكيان ويتعرض للترميز المزدوج. يتعامل خيار 'Reserved' في وضع Encode مع هذه الأحرف الخمسة بالضبط ويترك باقي النص دون تغيير — مثالي لتعقيم مدخلات النماذج أو مخرجات القوالب دون الإفراط في ترميز الأحرف التي لا تحتاج إليه.

الأسهم الشائعة هي &larr; (←) و&rarr; (→) و&uarr; (↑) و&darr; (↓) و&harr; (↔)، مع إصدارات ذات خطين مزدوجين &lArr; و&rArr; و&hArr; (⇐ ⇒ ⇔). لأي رمز آخر، استخدم القائمة القابلة للبحث أدناه — اكتب 'arrow' أو 'heart' أو 'euro'، ثم انقر على الكيان المسمى أو الكود العشري أو السداسي عشري لنسخه. تغطي القائمة الكاملة علامات الترقيم والرموز الرياضية والحروف اليونانية وعلامات العملات ومئات الأحرف الخاصة، محدّثة وفق معيار مراجع الأحرف المسماة في HTML5. يسرد W3Schools نحو 255 كيانًا فقط؛ هذه الأداة تحتوي على أكثر من 2200.

الحيلة الكلاسيكية في المتصفح هي السماح لـ DOM بفك الترميز: أنشئ textarea منفصلة، اضبط innerHTML الخاصة بها على سلسلة الكيان واقرأ قيمتها. على سبيل المثال: const el = document.createElement('textarea'); el.innerHTML = '&lt;b&gt; &amp; &#169;'; ثم تعيد el.value القيمة '<b> & ©'. لا توجد دالة decodeHTMLEntities() مدمجة في JavaScript العادي، لذا يُعدّ هذا النهج باستخدام DOM — أو مساعد صغير يمرر رموز الكيانات المتطابقة إلى textarea كي لا تتسرب العلامات — هو النمط القياسي. تفعل هذه الأداة تمامًا ذلك، وهذا هو السبب في أنها آمنة للاستخدام مع العلامات غير الموثوقة دون خطر XSS.

هذا ترميز مزدوج. جرى تشفير النص مرة واحدة (تحويل & إلى &amp;) ثم شُفّر مرة أخرى (تحويل & في &amp; إلى &amp;amp;)، وعادةً لأن إطار العمل قام بتشفير المخرجات التي كانت مشفرة بالفعل. هذا شائع في أنظمة إدارة المحتوى PHP وبعض محركات القوالب التي تشفر كل المخرجات افتراضيًا — Twig وSmarty وبعض خطاطيف WordPress القديمة تفعل ذلك جميعها. الصق القيمة في Decode هنا مرة واحدة للتأكد من الترميز المزدوج، ثم تأكد من أن قالبك يميّز القيمة على أنها آمنة أو يشفرها مرة واحدة فقط عند نقطة المخرج.

استخدم &copy; لـ © و&reg; لـ ® و&trade; لـ ™ و&mdash; لشرطة em (—). لشرطة en استخدم &ndash; (–) وللحذف استخدم &hellip; (…). يمكنك أيضًا لصق الرمز مباشرة في صفحة UTF-8، لكن الكيان المسمى لا لبس فيه ويصمد أمام تغيير الترميز. في صفحة UTF-8 (وهو ما يكاد يكون كل شيء اليوم)، يعمل لصق © مباشرة بشكل جيد. تبقى الكيانات المسماة الخيار الأكثر أمانًا لبريد HTML الإلكتروني حيث تتباين افتراضيات الترميز عبر برامج البريد كـ Outlook وGmail وApple Mail.

هي &nbsp; (بالرقمي &#160; أو &#xA0;). تبقي المسافة غير القابلة للكسر كلمتين أو قيمةً ووحدتها على السطر ذاته وتمنع المتصفح من طيّ المسافات المتكررة — على سبيل المثال السيد&nbsp;أحمد أو 5&nbsp;كم. لا تُفرط في استخدامها للتخطيط؛ استخدم CSS للهوامش والحشو بدلًا من ذلك. خطأ شائع هو استخدام كيانات &nbsp; متعددة للمسافة البادئة للنص أو إنشاء أعمدة — وهذه ممارسة سيئة تنهار عند تغيير حجم الصفحة أو عرضها في قارئ شاشة الذي يقرأ 'مسافة غير قابلة للكسر' بصوت عالٍ لكل واحدة.

نعم. الكيانات المسماة حساسة لحالة الأحرف، لذا يعمل &amp; لكن &Amp; أو &AMP; قد لا تعمل، و&Sigma; (Σ) حرف مختلف تمامًا عن &sigma; (σ). الكيانات الرقمية غير حساسة لحالة الأحرف فقط في الحرف x الاختياري لكيان النظام السداسي عشري — كلٌّ من &#xA9; و&#xa9; تعطيان ©. عند الشك، انسخ الكود الدقيق من قائمة المرجع هنا بدلًا من كتابته من الذاكرة. قد يتسبب الكتابة بحالة الأحرف الخاطئة في كيان مسمى في عرض الكود الخام بدلًا من الرمز، وهو مصدر شائع للأخطاء في قوالب HTML المكتوبة يدويًا.

يوفر كلٌّ من FreeFormatter.com وW3Schools جداول مرجعية ثابتة لكيانات HTML، لكنك تستطيع فقط البحث عن الرموز — لا يمكنك ترميز أو فك ترميز نصك الخاص. محوّل كيانات FreeFormatter هو أقرب البدائل، لكنه يتطلب إرسال النموذج وإعادة تحميل الصفحة لكل تحويل، وقائمة كياناته تغطي كيانات HTML4 المسماة فقط. يعرض W3Schools نحو 255 كيانًا مسمى. تغطي هذه الأداة مجموعة المراجع المسماة الكاملة لـ HTML5 — أكثر من 2200 إدخال — وتجمع المرجع القابل للبحث مع محوّل حي وفك ترميز في مكان واحد، يتحدث في الوقت الفعلي أثناء الكتابة.

نعم، المحوّل وفك الترميز وقائمة الكيانات تعمل جميعها بشكل كامل على متصفحات الهواتف المحمولة بما في ذلك Chrome على Android وSafari على iPhone. يتكيف التخطيط مع الشاشات الأصغر حيث تتراص اللوحان عموديًا. نصيحة للهاتف المحمول: اضغط مطوّلًا على خلية في قائمة الكيانات لتفعيل خيار النسخ في المتصفح إذا لم يعمل النسخ بنقرة واحدة فورًا. لا يلزم تنزيل أي تطبيق — تعمل الأداة كصفحة ويب قياسية في أي متصفح حديث على الهاتف. لا يوجد تسجيل، ولا حساب، ولا حدود استخدام على أي جهاز. بل تعمل حتى دون إنترنت بعد تحميل الصفحة لأول مرة.