Menu
CoddyTech

الأقسام والمقالات

جزء من قسم الأساسيات في رحلة 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>
challenge icon

التحدي

سهل

أنشئ مستند HTML يستخدم الوسمين <section> و<article> لتنظيم صفحة ويب. أدرج الأقسام التالية:

  1. قسم <main> لاحتواء المحتوى الرئيسي للصفحة.
  2. داخل <main>، أنشئ <section> بعنوان (<h2>) يقول "Upcoming Events".
  3. داخل <section>، أنشئ عنصرين من <article>.
  4. يجب أن يحتوي كل <article> على عنوان (<h3>) وفقرة (<p>) بنص تجريبي. استخدم "Event 1" و"Event 2" للعناوين، و"Event 1 details..." و"Event 2 details..." للفقرات.

جرّب بنفسك

<!DOCTYPE html>
<html>
    <body>
        <!-- اكتب الكود هنا -->
    </body>
</html>
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس الأساسيات

تدرّب بنفسك: Playground لـ Web