عنصر المقال

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

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

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

أمثلة

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

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

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

أمثلة التعشيش

لتنظيم المحتوى المستقل بشكل أفضل، <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> يبلغ ارتفاعه أكثر من 12 بوصة ... < / p > </article> <article> <h3> متحف اللوفر < / h3 > <p> من المعالم السياحية التي يجب زيارتها في باريس ... < / p > </article> </section>
    
    
      
       
    
    
      
      
    
  

دعم المتصفح

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

  • سطح المكتب
  • متحرك
    • أندرويد 2.2 وأعلى
    • Firefox Mobile (Gecko) 4.0 والإصدارات الأحدث
    • IE Mobile 9.0 والإصدارات الأحدث
    • Safari Mobile 5.0 والإصدارات الأحدث
    • أوبرا موبايل 11.0 والإصدارات الأحدث

مراجع

  1. ^ "عنصر مقالة HTML5 - W3C". W3.org . تم الاسترجاع في 2014-05-08 .
  2. ^ "عنصر محتويات المقالة". وثائق ويب MDN . تم الاسترجاع في 2018-07-09 .
  3. ^ "عنصر المقالة". html5doctor.com . تم الاسترجاع في 2018-07-09 .
  4. ^ "علامة القسم". W3Schools . 2014-04-30 . تم الاسترجاع 2014-05-08 .
  5. ^ "HTML5: قسم أم مقال؟". Iandevlin.com . 2013-08-19 . تم الاسترجاع في 2014-05-08 .
  6. ^ "هل يمكنني استخدام... جداول الدعم لـ HTML5 وCSS3 وما إلى ذلك". caniuse.com . تم الاسترجاع في 2018-07-09 .
  • إضافات وردبريس الغنية بالمقتطفات
تم الاسترجاع من "https://en.wikipedia.org/w/index.php?title=عنصر_المقالة&oldid=1184765413"
Original text
Rate this translation
Your feedback will be used to help improve Google Translate