الرموز في HTML
أظهرت جلسة الكيانات لماذا تحتاج < و> و& إلى ترميز. نظام الكيان نفسه يفتح أيضًا كثيرًا من الرموز — علامات حقوق النشر، إشارات العملة، العلامات التجارية، والأسهم البسيطة — دون البحث عن تخطيطات لوحة مفاتيح خاصة. تركّز هذه الجلسة على الرموز العملية التي ستراها في التذييلات والأسعار وأسماء المنتجات. عندما تتقنها، يصبح نص الصفحة أوضح للمستخدم وللفريق الذي يحرر الملفات في محررات بسيطة. الرموز هنا ليست زخرفة عشوائية؛ هي إشارات قانونية وتجارية ومالية يجب أن تظهر بشكل موثوق في كل متصفح. ستبني على ما تعلمته عن الكيانات المحجوزة، وتتعلم أسماءً قصيرة للاستخدام اليومي، وتعرف متى يكون المرجع الرقمي خيارًا احتياطيًا مناسبًا.
ماذا يُعد كيان رمز هنا؟
كيان الرمز ما زال كيان HTML: يبدأ عادة بـ & وينتهي بـ ;، ويعرض المتصفح رمزًا مرئيًا. بعض الأسماء سهلة التذكر (©، €). وأخرى تُكتب كمراجع أحرف رقمية مثل →. كلا النهجين يُدرجان أحرفًا؛ والأشكال المسماة ألطف حين يوجد اسم قياسي. المهم أن تفهم أن الرمز ليس وسمًا ولا خاصية؛ هو حرف يظهر داخل النص. إذا أسقطت الفاصلة المنقوطة أو كتبت اسمًا خاطئًا، قد يظهر الكود الخام أو يختلط العرض. لذلك تعامل مع كيانات الرموز بنفس انضباط الكيانات المحجوزة التي تعلمتها سابقًا، مع التركيز على علامات حقوق النشر والعملة والعلامة التجارية التي تظهر كثيرًا في مواقع المتاجر والصفحات التسويقية.
إجابة مباشرة
أدرج الرموز بالكيانات. بدايات شائعة: © لـ ©، و® لـ ®، و™ لـ ™، و€ لـ €، و£ لـ £، و¥ لـ ¥. عندما تحتاج حرفًا بلا اسم سهل التذكر، يمكن أن يعمل مرجع رقمي. فضّل الكيانات المسماة لسهولة الحمل والقراءة في محررات النص العادي، وأنهِ الكيان دائمًا بـ ;. هذه المجموعة تغطي معظم التذييلات والأسعار وأسماء المنتجات التي ستبنيها في مشاريع المبتدئين. لا تحفظ جداول رموز طويلة الآن؛ احفظ النمط أولاً: اسم مفهوم داخل &...; أو رقم داخل &#...; عند الحاجة. اجعل الفاصلة المنقوطة عادة لا استثناءً، لأن نسيانها سبب شائع لظهور نص غريب في الصفحة.
رموز مفيدة في لمحة
📊 كيانات رموز مفيدة
| Entity | Symbol idea | Typical use |
|---|---|---|
| &copy; | copyright | Footers and legal lines |
| &reg; | registered | Brand notes |
| &trade; | trademark | Product names |
| &euro; | euro | Prices in EUR |
| &pound; | pound | Prices in GBP |
| &yen; | yen | Prices in JPY |
| &rarr; | right arrow | Simple directional hints (font support varies) |
العلامات القانونية وعلامات العلامة التجارية في النص
تحتاج التذييلات وخطوط المنتجات غالبًا إلى حقوق نشر أو علامة تجارية. تبقي الكيانات تلك الأحرف موثوقة حتى عندما يحرر زميل الملف في محرر أساسي. هذا مهم في الفرق التي تشارك ملفات HTML عبر أنظمة تشغيل مختلفة أو أدوات قد تفسد الأحرف الخاصة عند الحفظ. سطر حقوق نشر بـ © وسنة واضحة أسهل مراجعة من لصق © قد يتحول إلى علامة استفهام في ترميز خاطئ. وبالمثل، وضع ™ بعد اسم المنتج يوضح النية دون الاعتماد على اختصارات لوحة مفاتيح نادرة. استخدم هذه الكيانات حيث المعنى قانوني أو تجاري حقيقي، لا كزينة في كل عنوان.
رموز في سطر منتج
html<p>Price: 10€ — BrandX™ — All rights reserved © 2026</p>
قراءة العينة
10€يعرض مبلغًا باليورو دون لصق حرف لوحة مفاتيح خاصBrandX™يضيف علامة تجارية بعد الاسم© 2026نمط تذييل كلاسيكي- كل كيان ينتهي بـ
;— نسيانها قد يكسر العرض - مقارنة المصدر بالنتيجة المعروضة تساعدك على رؤية الكود والناتج معًا
- الإبقاء على الكيانات المسماة في السطر يجعل مراجعة الفريق أوضح من رموز رقمية طويلة
الكيانات المسماة مقابل المراجع الرقمية
الكيانات المسماة تستخدم كلمات: ©. مراجع الأحرف الرقمية تستخدم رقمًا: © طريقة أخرى للحصول على علامة حقوق النشر، و→ يمكن أن ينتج سهمًا يمينًا. لا تحتاج إلى حفظ جداول رموز طويلة لهذه الدورة. تعلّم الأشكال المسماة للعلامات القانونية والعملة اليومية، واعتبر الأشكال الرقمية احتياطيًا عندما لا يتوفر اسم واضح. المرجع الرقمي مفيد أيضًا عندما تريد حرفًا نادرًا ولا تريد الاعتماد على لصق UTF-8 في بيئة قد تغيّر الملف. لكن للرموز الشائعة، الاسم أقصر للعين وأسهل في البحث داخل المشروع. اختر الوضوح أولاً، ثم التغطية للأحرف الأقل شيوعًا عند الحاجة فقط.
مرجع حرف رقمي
html<p>Next step → checkout</p>
UTF-8 والرموز الملصوقة
إذا حُفظ ملفك كـ UTF-8، يمكنك غالبًا لصق © أو € مباشرة. هذا صالح. تبقى الكيانات مفيدة عندما تريد أن يبقى المصدر نصًا ودودًا لـ ASCII، أو عندما سبق أن أفسد محرر أحرفًا خاصة. اختر النهج الذي يبقي ملفات الفريق موثوقة. في مشاريع متعددة المطورين، الاتفاق على أسلوب واحد — كيانات مسماة للتذييل والعملة، أو لصق UTF-8 مع التحقق من الترميز — يمنع اختلافات مزعجة بين الآلات. لا تخلط بلا سبب في نفس السطر إن أمكن؛ الاتساق يسهّل المراجعة. تذكّر أن الكيانات لا تغني عن CSS للتخطيط، وأن الأسهم البسيطة تلميحات وليست شبكة تصميم.
تمرين في محررك
- اكتب سطر تذييل بـ
©والسنة الحالية. - أضف سعرًا يستخدم
€أو£. - أضف اسم منتج متبوعًا بـ
™. - اختياري: أضف تلميح «التالي» قصيرًا بـ
→أو→. - افتح الصفحة وتأكد من عرض الرموز.
- اكسر كيانًا بحذف
;، أعد التحميل، ثم أصلحه.
بعد ذلك اسأل نفسك: هل بقي أي كيان بلا فاصلة منقوطة؟ هل خلطت كيان عملة في سعر حقيقي؟ هل استخدمت الأسهم كتخطيط بدل CSS؟ التمرين يثبت القاعدة أفضل من قائمة رموز طويلة، والخطأ المتعمد يوضح لماذا الانضباط مهم قبل النشر.
أخطاء يجب تجنبها
- نسيان
;الختامية على كيان رمز - خلط كيانات العملة (
€مقابل£) في سطر سعر حقيقي - استخدام كيانات الأسهم كنظام تخطيط صفحة كامل بدل CSS
- افتراض أن لكل رمز فاخر كيانًا مسمى قصيرًا — بعضها يحتاج مراجع رقمية أو حرف UTF-8 ملصقًا
- ترميز حروف عادية لم تكن تحتاج كيانات أصلًا
هذه الأخطاء تبدو صغيرة حتى يكسر أحدها العرض أو يلوّث المصدر. فحص سريع للكيانات في التذييل وخط السعر يمنع معظم المفاجآت. لا تستبدل تخطيط الصفحة بأسهم كيانات؛ اترك الرموز للعلامات والإشارات الحقيقية.
ملخص
- كثير من رموز الصفحة تأتي من كيانات HTML
- ابدأ بـ
©و®و™وكيانات العملة مثل€ - الكيانات المسماة أسهل تذكرًا من رموز رقمية طويلة حين توجد
- المراجع الرقمية احتياطي للأحرف الأقل شيوعًا
- أنهِ الكيانات دائمًا بـ
; - فضّل نصًا واضحًا وCSS للتخطيط؛ استخدم كيانات الرموز للعلامات والإشارات الحقيقية
احفظ القاعدة لا القائمة كلها: اعرض الرمز المقصود، احرص على الفاصلة المنقوطة، وأبقِ المصدر قابلًا للمراجعة. هكذا تبقى التذييلات والأسعار وأسماء المنتجات موثوقة عبر المحررات والمتصفحات دون مفاجآت في العرض.
🧠 اختبر معرفتك
اختبر معرفتك
تحدى نفسك مع هذا الاختبار التفاعلي واكتشف مدى فهمك للموضوع
📝 التعليمات
- اقرأ كل سؤال بعناية
- اختر أفضل إجابة لكل سؤال
- يمكنك إعادة الاختبار عدة مرات كما تريد
- سيتم عرض تقدمك في الأعلى