الأقسام والمقالات
جزء من قسم الأساسيات في رحلة HTML على Coddy. الدرس 28 من 60.
في HTML، تُستخدم الوسوم <section> و<article> لتنظيم المحتوى في أجزاء منطقية.
يُعرّف الوسم <section> قسمًا في مستند، مثل فصل أو جزء آخر من المستند يتناول موضوعًا واحدًا، ويكون له عادةً عنوان خاص به. إنها طريقة لتجميع المحتوى ذي الصلة معًا. على سبيل المثال، يمكنك استخدام <section> لتقسيم صفحة إلى مقدمة ومحتوى ومعلومات الاتصال.
إليك كيفية استخدام الوسم <section>:
<section>
<h2>Section Heading</h2>
<p>Section content goes here.</p>
</section>يحدّد الوسم <article> محتوى مستقلًا ومتكاملًا بذاته. ينبغي أن يكون مفهومًا بمفرده، وأن يكون من الممكن قراءته مستقلًا عن بقية الموقع الإلكتروني. من أمثلة المواضع التي يمكن استخدام عنصر <article> فيها: منشور في منتدى، أو تدوينة، أو خبر، أو تعليق.
إليك كيفية استخدام الوسم <article>:
<article>
<h2>Article Title</h2>
<p>Article content goes here.</p>
</article>التحدي
سهلأنشئ مستند HTML يستخدم الوسمين <section> و<article> لتنظيم صفحة ويب. أدرج الأقسام التالية:
- قسم
<main>لاحتواء المحتوى الرئيسي للصفحة. - داخل
<main>، أنشئ<section>بعنوان (<h2>) يقول "Upcoming Events". - داخل
<section>، أنشئ عنصرين من<article>. - يجب أن يحتوي كل
<article>على عنوان (<h3>) وفقرة (<p>) بنص تجريبي. استخدم "Event 1" و"Event 2" للعناوين، و"Event 1 details..." و"Event 2 details..." للفقرات.
جرّب بنفسك
<!DOCTYPE html>
<html>
<body>
<!-- اكتب الكود هنا -->
</body>
</html>يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس الأساسيات
2النصوص والتنسيق
العناوينالفقراتفواصل الأسطرالنص العريض والمائلالنص العريض والمائل مجدداًمراجعة - التنسيق8النماذج والمدخلات - الجزء الأول
أساسيات النماذجمدخلات النصوصسمات المدخلاتحقل كلمة المرورتسميات المدخلاتملخص - نموذج أساسي11صفحة التسجيل في الفعالية
نظرة عامة على المشروعقسم الـ Headerتدرّب بنفسك: Playground لـ Web