الدرس 10
اختيار عناصر تنسيق النص حسب المعنى
معنى أسماء العناصر والخصائص
ال strong معناها قوي وبتعبر عن أهمية النص وال em اختصار ل Emphasis يعني تأكيد
ال del اختصار ل Deleted يعني محذوف وال ins اختصار ل Inserted يعني مضاف
ال mark معناها علامة وبتستخدم لتمييز نص وال small معناها صغير وبتناسب الملاحظات الجانبية
ال sub اختصار ل Subscript يعني نص منخفض عن السطر وال sup اختصار ل Superscript يعني نص مرتفع عن السطر
أوقات بتحتاج تلفت نظر القارئ لكلمة مهمة أو توضح إن سعر كتاب اتغير
في HTML عناصر تساعدك تعبر عن المعنى ده بدل ما تعتمد على شكل الخط بس
الأهمية والتأكيد
<p><strong>Important:</strong> Keep Your Receipt</p>
<p>You Need To Read <em>This</em> Chapter First</p>ال strong بتوضح أهمية قوية للنص وال em بتضيف تأكيد للجزء اللي جواها
المتصفح غالبا بيعرض الأولى بخط عريض والثانية بخط مائل لكن المعنى هو اللي يحدد اختيارك
محتوى اتغير أو محتاج تمييز
<p>Price: <del>200 EGP</del> <ins>150 EGP</ins></p>
<p>Search Result: Learn <mark>HTML</mark> Today</p>
<p><small>Offer Ends This Week</small></p>ال del بتعبر عن نص محذوف وال ins عن نص مضاف
ال mark مناسبة لتمييز جزء مرتبط بالسياق الحالي زي كلمة البحث وال small للملاحظات الجانبية زي شروط العرض
نص أعلى أو أسفل السطر
<p>Water: H<sub>2</sub>O</p>
<p>Square: 2<sup>2</sup></p>مش كل كلمة عريضة معناها مهمة ومش كل كلمة مائلة محتاجة تأكيد ولو هدفك شكل بصري فقط فمكانه الطبيعي CSS
جرب في المكتبة
اعمل فقرة لسعر قديم وسعر جديد وفقرة فيها تنبيه مهم عن استلام الكتب
اختار العنصر حسب معنى الرسالة ثم راجع إن كل عنصر داخلي مقفول قبل نهاية الفقرة
شوف الصورة علشان تفهم اللي مكتوب
