Softonic

مرجع أحرف HTML

خطوة 1 / 3

اكتب الحرف نفسه، أو اسمه (copy)، أو رمزه (169 أو U+00A9)، أو كلمة (سهم).

التالي: عرض الأحرف

الكتابة مباشرةً للرمز © وتساؤل ما إذا كان يعرض رمز © فعلاً، أو البحث عن الكيان المقابل لخط السباق (en dash)، أو المسافة غير المقطوعة، أو الحرف اليوناني، يُضيع الوقت كل مرة. يحتوي هذا المرجع القابل للبحث على الكيانات المسمّاة والرقمية الأكثر فائدة في لغة HTML، من علامات الترقيم ورموز العملات إلى العلامات الرياضية والأسهم، مع خاصية بحث فوري وإمكانية نسخ البيانات بنقرة واحدة.

كيف تجد كيانًا في HTML؟

  1. 1

    ابحث بالاسم أو الحرف

    اكتب `©` أو `copy` أو `169` أو `U+00A9` أو `حقوق النشر`: كلٌّ منها يعثر على رمز حقوق النشر.

  2. 2

    اختر من الجدول

    يعرض كل صف الحرف، وشكله المسمى، ورمزه العددي.

  3. 3

    قم بالنسخ بنقرة واحدة

    اضغط لنسخ الحرف أو الكيان المسمى أو الكيان العددي.

  4. 4

    اختر الفئة للفرز

    قم بالاختيار حسب الرموز الشائعة، أو الأسهم، أو العلامات الرياضية، أو علامات الترقيم.

ثلاث طرق لكتابة نفس الحرف

يتيح لك HTML كتابة الحرف الخاص بثلاث طرق مختلفة؛ اختر الطريقة التي يُقرأ فيها النص بشكل أفضل، والتي يُضمن تنفيذها بدقة.

الأشكال الثلاثة

الحرف الكيان المسمى العدد العشري العدد القائم على النظام السداسي
© © © ©
® ® ® ®
™ ™ ™ ™
€ € € €
— — — —
– – – –
… … … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
“ &quot; &#34; &#x22;

متى يجب استخدام كل شكل؟

  • الكيانات المُسمّاة قابلة للقراءة في النص المصدر (فمثلاً &mdash; هو بوضوح شرطة طويلة em dash)، لكن HTML لا يعرّف منها سوى 2,125 اسمًا (252 منها موروثة من HTML 4.01)، ومعظم أحرف يونيكود ليس لها اسم؛ لذا يجب كتابة أي حرف خارج هذه القائمة بالشكل الرقمي.
  • العدد العشري يناسب كل أحرف يونيكود باستثناء الرموز من 128 إلى 159، إذ تقرؤها المتصفحات على أنها أحرف Windows-1252 (فالمرجع &#150; يعرض شرطة متوسطة)؛ استخدمه عندما تعرف القيمة العشرية (غالبًا من بطاقة مرجعية).
  • العدد السداسي (Hex) يتوافق مع الترميز الذي يستخدمه يونيكود نفسه (U+2014)؛ لتحويل قيمة U+NNNN، ابدأها بالبادئة &#x.

الأحرف التي يجب ترميزها (escape)

هذه الأحرف الخمسة تُحدث مشكلات في HTML إذا بقيت خامًا في المحتوى:

  • <، رمّزه كـ &lt; حتى داخل <pre>.
  • >، رمّزه كـ &gt; (مطلوب فقط داخل الخصائص).
  • &، رمّزه كـ &amp; في جميع السياقات.
  • "، رمّزه كـ &quot; داخل قيم الخصائص.
  • '، رمّزه كـ &#39; أو &apos; داخل الخصائص المُحاطة بعلامة اقتباس مفردة.

كل ما عدا ذلك اختياري في HTML5 بترميز UTF-8؛ حيث يُسمح باستخدام أحرف يونيكود الخام.

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

نعم، لأن الحرف غير مرئي في المصدر. استخدام &nbsp; يُعد توثيقًا ذاتيًا؛ حيث سيلاحظ مطور آخر يقرأ كودك فورًا نيّتك في منع قطع السطر عند هذا الموضع.

لا، يتم تعريف &apos; في صيغتي XML وHTML5، لكنه غير مدرج في HTML4. استخدم &#39; إذا كنت بحاجة إلى علامة الاقتباس المفردة (الفاصلة العليا) في مستند HTML4 متوافق تمامًا مع المواصفات، على الرغم من أن جميع المتصفحات الحديثة تعرض كلا الصيغين بشكل صحيح على أي حال.

U+0020 هو مسافة عادية يمكن للمتصفحات استخدامها لتقسيم السطور. أما U+00A0 (المسافة غير المقطوعة، &nbsp;) فيمنع قطع السطر ولا يتم دمجه مع المسافات المجاورة؛ استخدمه في عبارة “10 كم” للحفاظ على اقتران القيمة بوحدتها.

تمتلك الرموز التعبيرية نقاطًا رمزية في نظام يونيكود، ويمكن كتابتها على شكل كيانات رقمية (مثل &#128512; = 😀)، لكن في ملفات HTML الحديثة المُشفَّرة بتنسيق UTF-8، يكفي لصق الرمز مباشرةً. أما الشكل الكياني فهو مفيد فقط في البريد الإلكتروني أو في الأنظمة التي تواجه قيودًا في الترميز.

أدوات ذات صلة

مولّد إعدادات Webpack

أنشئ ملف webpack.config.js لـ webpack 5 لمشاريع JavaScript الخالصة أو React أو Vue: مع TypeScript وBabel وCSS أو Sass والصور وHtmlWebpackPlugin وخادم التطوير وسطر npm install.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مدقّق OpenAPI

الصق مستند OpenAPI أو Swagger بصيغة JSON أو YAML وافحص بنيته الأساسية: حقل الإصدار وكائن info والمسارات، مع أخطاء وتحذيرات واضحة.

منسّق PHP

أضف فواصل أسطر ومسافات بادئة من مسافتين أو 4 مسافات إلى مقطع PHP بسيط. راجع النتيجة: فهذه الأداة ليست محلّل PHP ولا تطبّق PSR-12.

مولّد مؤشرات التحميل بلغة CSS

أنشئ دوّارًا دائريًا بـ CSS خالص: اضبط القطر وسماكة الحدود واللون وسرعة الدوران، وشاهد المعاينة المباشرة، وانسخ كود CSS جاهزًا للاستخدام. بلا SVG وبلا JavaScript.

الأداة متاحة بلغات أخرى