في هذا الدرس 6تصفّح المواضيع
في مستندات HTML، تمتلك بعض المحارف دلالات برمجية محجوزة وخاصة ببنية اللغة؛ فعلى سبيل المثال، تحدد أقواس الزوايا بداية ونهاية وسوم HTML، بينما يشير رمز الواو اللاتينية إلى بداية مراجع المحارف. وعندما ترغب في عرض هذه الرموز كنصوص عادية يراها الزائر دون أن يخلط المتصفح بينها وبين الأكواد، يتعين عليك استخدام الكيانات الرمزية HTML Entities.
يعد الكيان الرمزي في HTML تسلسلاً قياسياً من المحارف يُستخدم لتمثيل رمز محجوز أو مسافة غير منكسرة أو محرف غير متوفر على لوحة المفاتيح التقليدية. ويبدأ كل كيان برمز الواو اللاتينية وينتهي دائماً بفاصلة منقوطة، مما يوجه محلل المتصفح إلى تحويل هذا الرمز إلى شكله البصري المقصود بدقة متناهية.
Displaying HTML Tags Using Entitiesعرض وسوم HTML كنص مقروء باستخدام الكيانات
استخدام الكيانات الرمزية < و > لطباعة أقواس الوسوم على الشاشة دون تنفيذها.
HTML
<p>
To create a paragraph in HTML, wrap your text between
<code><p></code> and <code></p></code> tags.
</p>Escaped Tag Brackets Browser Previewمعاينة طباعة وسوم HTML كنص في المتصفح
عرض متصفح يظهر وسوم الفقرة مطبوعة بوضوح أمام القارئ بفضل الكيانات الرمزية.
توفر لغة HTML صيغتين رئيسيتين لكتابة الكيانات الرمزية: الكيانات ذات الأسماء Named Entities والمراجع الرقمية للمحارف Numeric References. وتستخدم الكيانات المسماة اختصارات نصية بديهية يسهل حفظها مثل
© و <, مما يجعل كود المصدر مقروءاً للبشر وسلس الصيانة.
تعتمد الكيانات الرقمية على نقطة محرف اليونيكود العالمية المخصصة للرمز، وتُكتب إما بالنظام العشري أو بالنظام الست عشري الذي يسبقه حرف
x. وبينما تقتصر الكيانات المسماة على نحو 2000 رمز شائع فقط، فإن الصيغة الرقمية قادرة على تمثيل أكثر من 140 ألف محرف يضمها معيار يونيكود العالمي.توجد خمسة محارف محجوزة أساسية في لغة HTML يجب تهريبها دائماً باستخدام الكيانات الرمزية متى وردت داخل النصوص العادية أو قيم الخصائص؛ حيث يؤدي إهمال تهريبها إلى خلط المتصفح بين النص والوسوم أو إنهاء قيم الخصائص بصورة مبتورة وغير مقصودة.
يوضح الجدول المرجعي الشامل التالي أهم المحارف المحجوزة في لغة HTML ورموز الترقيم والطباعة الشائعة وصيغ كتابتها القياسية:
يحظى رمز الواو اللاتينية بأهمية خاصة؛ فحينما ترغب في كتابته في مستند HTML، حتى داخل روابط الاستعلام مثل روابط الصفحات، تقتضي معايير W3C القياسية تهريبه إلى
& لتفادي تعارض المتصفح مع مراجع الكيانات الرمزية.Escaping Five Reserved HTML Charactersتهريب المحارف الخمسة المحجوزة في HTML
عرض الرموز الخمسة المحجوزة داخل النص وخصائص العناصر بأمان تام.
HTML
<p>
Formula: <code>5 < 10 && 20 > 15</code><br>
Quoted Attribute: <code>title="CloseTag's Guide"</code>
</p>Reserved Characters Live Browser Renderمعاينة الرموز المحجوزة في المتصفح
عرض متصفح للمعادلة المنطقية وعلامات التنصيص دون كسر بنية الكود.
يقوم المتصفح افتراضياً بدمج المسافات المتتالية واختزالها في مسافة بيضاء واحدة. ويقدم كيان المسافة غير المنكسرة
وظيفتين حيويتين: منع انكسار السطر بين كلمتين مترابطتين، وإتاحة مسافات متتالية حقيقية لا يلغيها المتصفح.
من أهم الاستخدامات الاحترافية لكيان
ربط الأرقام بوحدات قياسها أو رموز عملاتها مثل 100 km/h؛ فبدون هذه المسافة المترابطة، قد ينكسر السطر على الشاشات الصغيرة بعد الرقم مباشرة، لتبدأ وحدة القياس السطر التالي بمفردها بصورة مشوهة للقراءة.توفر الكيانات الرمزية في HTML تغطية شاملة لعلامات العملات العالمية والمعاملات الرياضية ورموز الملكية الفكرية. وتضمن هذه الكيانات عرض الرموز بدقة حادة وتناسق تام عبر مختلف أنظمة التشغيل والخطوط دون الحاجة لصور رسومية ثقيلة.
من أشهر رموز العملات اليورو
€ والجنيه الإسترليني £ والين الياباني ¥. وفي المجال العلمي والرياضي، تضمن كيانات مثل ± لرمز زائد أو ناقص و × لعلامة الضرب و ∞ لما لا نهاية دقة علمية فائقة في التنسيق.Currency Legal And Math Entitiesكيانات العملات وحقوق النشر والرموز الرياضية
إظهار رموز حقوق الملكية، العملات العالمية، العمليات الرياضية، والأسهم.
HTML
<p style="margin: 0 0 6px;">
<strong>Legal & Currency:</strong> © 2026 CloseTag® — Price: €49 / £42 / ¥7500
</p>
<p style="margin: 0;">
<strong>Math & Arrows:</strong> Resolution: 1920 × 1080 ± 5% → Passed ÷ 100
</p>Currency And Math Symbols Previewمعاينة رموز العملات والرياضيات في المتصفح
عرض متصفح للرموز القانونية والمالية والرياضية المنسقة بالكيانات القياسية.
إلى جانب وظيفتها الطباعية، يمثل تشفير الكيانات الرمزية خط الدفاع الأمني الأول ضد ثغرات الحقن العابر للمواقع Cross-Site Scripting (XSS). فعندما تُعرض بيانات واردة من المستخدم دون تهريب، يمكن للمهاجم حقن وسوم برمجية خبيثة تنفذ فوراً داخل متصفح الضحية.
بتحويل المحارف المحجوزة مثل الأقواس إلى كيانات مشفرة، يجبر المتصفح على معاملة المدخلات كنصوص برمجية خاملة للعرض فقط دون أي تنفيذ لها. وتوفر لغات البرمجة دوالاً قياسية لتهريب المخرجات مثل
htmlspecialchars($str) لتحصين قوالب العرض تلقائياً.
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
ملخص الدرس: أتقنت في هذا الدرس المعمارية الكاملة للكيانات الرمزية في HTML: صيغ التسمية والترقيم، وتهريب المحارف المحجوزة، وتوظيف المسافة غير المنكسرة، ورموز العملات والرياضيات، وحماية المخرجات من ثغرات الحقن XSS. الخطوة التالية: سننتقل في الدرس الختامي إلى إتقان معايير إتاحة الويب وتدقيق المستندات وفق معايير W3C القياسية.
رحلتك في الدرس
—سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
ابنِ لغتك البرمجية
المصطلحات6
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
0 / 6 مفهومةأول بطاقة، أول خطوة
- 01 HTML Entity الكيان الرمزي في HTML
- تسلسل قياسي يبدأ برمز الواو وينتهي بفاصلة منقوطة لتمثيل المحارف المحجوزة والرموز الخاصة في صفحات الويب.
- للمراجعة
- 02 Named Entity الكيان الرمزي بالاسم
- صيغة كيان تستخدم اسماً نصياً يسهل تذكره مثل © لعرض رمز حقوق النشر والتأليف.
- للمراجعة
- 03 Numeric Character Reference المرجع الرقمي للمحرف
- صيغة كيان تعتمد على الرقم العشري أو الست عشري لنقطة المحرف في نظام يونيكود مثل ©.
- للمراجعة
- 04 Non-Breaking Space المسافة غير المنكسرة
- مسافة بيضاء خاصة تمنع محرك المتصفح من كسر السطر وفصل الكلمات والأرقام المرتبطة ببعضها.
- للمراجعة
- 05 Output Escaping تهريب المخرجات
- الممارسة الأمنية لتحويل المحارف المحجوزة إلى كيانات رمزية قبل طباعتها في الصفحة لحمايتها من الاختراق.
- للمراجعة
- 06 Cross-Site Scripting الحقن العابر للمواقع
- ثغرة أمنية شهيرة تسمح للمهاجمين بحقن أكواد برمجية خبيثة داخل صفحات الويب الموثوقة لاستهداف المستخدمين.
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
حروف قليلة. معنى كامل.
الاختصارات4
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
0 / 4 مفهومةأول بطاقة، أول خطوة
- 01 XSS XSS
- Cross-Site Scripting
- ثغرة أمنية تتيح حقن أكواد خبيثة في المتصفح تنفذ في سياق جلسة الزائر وتمثل تهديداً خطيراً للخصوصية.
- للمراجعة
- 02 OWASP OWASP
- Open Worldwide Application Security Project
- منظمة عالمية غير ربحية رائدة في وضع معايير وإرشادات الأمن السيبراني وتأمين تطبيقات الويب.
- للمراجعة
- 03 ASCII ASCII
- American Standard Code for Information Interchange
- المعيار القياسي الأمريكي القديم لترميز الحروف والذي شكل اللبنة الأولى لطباعة الحروف الحاسوبية.
- للمراجعة
- 04 DTD DTD
- Document Type Definition
- مخطط تعريفي رسمي يحدد القواعد النحوية ومفردات الكيانات الرمزية المسموح بها في مستندات XML.
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
من الفهم للتطبيق
مهامك قبل الاختبار
خطوة صغيرة كل مرة. وإنجاز تقدر ترجع له.
0/4مهام منجزة
-
اكتب فقرة تعليمية تعرض وسوماً برمجية حقيقية على الشاشة عبر تهريب كافة الأقواس المحجوزة إلى كيانات < و>.
-
استخدم كيان لربط مبالغ العملات ووحدات القياس لمنع انكسار السطر وتفكك الأرقام على الشاشات الصغيرة.
-
قم ببناء تذييل صفحة مهني يتضمن رمز حقوق النشر © والنقطة الفاصلة • ورمز عملة اليورو €.
-
قم بتحويل تعليق يحتوي على وسم نصي برمجي خبيث إلى نص معقم ومحمي بالكيانات الرمزية لتعطيل خطره كلياً.
تأشير المهمة إقرار منك بإتمامها، وليس تصحيحًا آليًا للكود. يُحفظ تقدمك في حسابك.
مساحة التحدي
اختبر فهمك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
10أسئلة
2أنواع تحديات
100%هدف الإتقان
تصحيح تلقائي. فرص بلا حدود.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.