عنصر المقالة

يُعد عنصر المقالة في لغة HTML عنصرًا دلاليًا ، على غرار عنصري <a> و <b> . وقد تم تقديمه في HTML5 ، ويُستخدم عادةً لاحتواء معلومات يمكن توزيعها بشكل مستقل عن بقية الموقع أو التطبيق الذي يظهر فيه.<section><header>

الميزات والاستخدام

يمثل هذا العنصر تركيبة كاملة في صفحة ويب أو تطبيق ويب، قابلة للتوزيع أو إعادة الاستخدام بشكل مستقل، على سبيل المثال في النشر المشترك. قد يكون هذا منشورًا في منتدى، أو مقالًا في مجلة أو صحيفة، أو تدوينة، أو تعليقًا من مستخدم، أو أداة تفاعلية، أو أي عنصر محتوى مستقل آخر. [ 1 ]<article>

أمثلة

في أبسط صورها، يمكن استخدامها لتغليف نص كامل وعنوان مطابق له على النحو التالي:<article>

<article> <h2> أدخل العنوان هنا < / h2 > <p> أدخل فقرة نصية هنا < / p > </article>

عادةً ما يتم تنفيذ المشاركات والتعليقات في المنتدى عن طريق تضمين الوسوم:<article>

<article> <header> <h1> عنوان المقالة < / h1 > <p> معلومات العنوان < / p > </header> <p> محتوى المقالة ... < / p > <article> <header> <h2> المؤلف : جون سميث < / h2 > <p> معلومات التعليق < / p > </header> <p> نص التعليق ... < / p > </article> <article> <header> <h2> المؤلف : جين جونسون < / h2 > <p> معلومات التعليق الثاني < / p > </header> <p> نص التعليق ... < / p > </article> </article>

صفات

يحتوي العنصر فقط على سمات HTML العامة مثل contenteditable و id و title. [ 2 ] ومع ذلك، غالبًا ما تُستخدم السمة pubdate ، وهي سمة منطقية اختيارية للعنصر ، بالتزامن مع السمة . إذا كانت موجودة، فإنها تشير إلى أن العنصر هو تاريخ نشره. تجدر الإشارة إلى أن pubdate ينطبق فقط على العنصر الأصل ، أو على المستند ككل. [ 3 ]<article><time><article><time><article><article>

مقارنة مع < القسم >

قدّمت لغة HTML5 كلاً من <header> و <header>؛ وكلاهما وسوم دلالية، تُحدّد أقسامًا في المستند، مثل الفصول والرؤوس والتذييلات. [ 4 ] يُعدّ العنصر <header> نوعًا مُتخصّصًا من <header> وله معنى أكثر تحديدًا، إذ يُشير إلى كتلة مُستقلّة بذاتها من المحتوى ذي الصلة. [ 3 ] [ 5 ]<article><section><article><section>

أمثلة على التداخل

لتحسين تنظيم المحتوى المستقل، يمكن تضمين الوسوم داخل الوسوم الأخرى:<section><article>

<article> <h2> أسماء الأشكال < / h2 > <p> هناك أنواع عديدة من الأشكال ... < / p > <section> <h4> المثلثات < / h4 > <p> إليك بعض المعلومات عن المثلثات < / p > </section> <section> <h4> الدوائر < / h4 > <p> هذه الأشكال الرائعة على شكل باي ساحرة و ... < / p > </section> </article>

في المقابل، قد يكون من المناسب أحيانًا تضمين عنصر داخل عنصر آخر. على سبيل المثال، في صفحة ويب تحتوي على عدة مقالات حول مواضيع مختلفة:<article><section>

<section> <h1> مقالات عن السياحة في باريس < / h1 > <article> <h3> برج إيفل < / h3 > <p> يبلغ ارتفاعه أكثر من 30 سم ... < / p > </article> <article> <h3> متحف اللوفر < / h3 > <p> معلم سياحي لا بد من زيارته في باريس ... < / p > </article> </section>

دعم المتصفح

تدعم المتصفحات التالية هذا العنصر: [ 6 ]

  • سطح المكتب
  • متحرك
    • نظام التشغيل أندرويد 2.2 والإصدارات الأحدث
    • فايرفوكس موبايل (جيكو) الإصدار 4.0 والإصدارات الأحدث
    • إنترنت إكسبلورر موبايل 9.0 والإصدارات الأحدث
    • متصفح سفاري موبايل 5.0 والإصدارات الأحدث
    • أوبرا موبايل 11.0 والإصدارات الأحدث

مراجع

  1. "عنصر مقالة HTML5 - W3C" . W3.org . تم الاطلاع عليه بتاريخ 2014-05-08 .
  2. "عنصر محتويات المقالة" . مستندات MDN على الويب . تم الاسترجاع في 9 يوليو 2018 .
  3. 1 2 "عنصر المقالة" . html5doctor.com . تم الاسترجاع في 2018-07-09 .
  4. "علامة القسم" . W3Schools . 30-04-2014 . تم الاسترجاع في 08-05-2014 .
  5. "HTML5: قسم أم مقالة؟" . Iandevlin.com . 19-08-2013 . تم الاطلاع عليه بتاريخ 08-05-2014 .
  6. "هل يمكنني استخدام... جداول الدعم لـ HTML5 وCSS3 وما إلى ذلك؟" . caniuse.com . تم الاطلاع عليه بتاريخ 9 يوليو 2018 .