it-swarm.asia

ما هو الهيكل الصحيح الأكثر دلالة لصفحة المدونة باستخدام علامات HTML5؟

أود --- grok الطبيعة النهائية لـ _<aside>_، _<section>_، _<article>_.

ما هو الهيكل الأكثر صحة والأكثر دلالة لصفحة المدونة باستخدام علامات HTML5؟

يجب أن أضع الشريط الجانبي داخل _<aside>_؟ أو هل هذا ينتمي إلى _<section>_ (كما يجب استخدام _<aside>_ للإعلانات والاقتباسات القصيرة وما شابه)؟

كيف يمكنني تقديم الميزة الرئيسية ، وهي مدونة المدونة؟ كيف يمكنني استخدام _<article>_ بشكل صحيح؟

كيف يمكنني ترميز علامات المقالات؟

9
Wabbitseason

تريد استخدام <article> لنشر المدونات. مارك بيلجريم لديه حقًا شرح عن كيفية استخدام كل علامة. يشرح أيضًا كيفية ترميز article أسفل قائمة التعاريف على موقعه مباشرةً. هذا كتاب رائع لتعلم HTML 5 و CSS.

"يمثل عنصر المقالة مكونًا لصفحة تتكون من تكوين مستقل في مستند أو صفحة أو تطبيق أو موقع ويهدف إلى أن يكون قابلاً للتوزيع أو إعادة الاستخدام بشكل مستقل ، على سبيل المثال في الترويج."

Aside مخصصة للعناصر "المرتبطة عرضيًا" ويمثل section "مستندًا عامًا أو قسمًا للتطبيق."

7
citadelgrad

بالنسبة لـ <aside> ، فكر في الأمر كالمسرح جانبيًا: تم تعليق القصة لشرح شيء للجمهور ، وانحرفت عن طريق الظل لفترة قصيرة قبل العودة إلى التركيز الرئيسي. على سبيل المثال:

<article>
     <p>A horse walks into a bar.</p>
     <p>The bartender says, "Why the long face?"</p>
     <aside>Not because it was sad, horses just have long faces.</aside>
</article>

مثال فظيع ، ولكن واحد صالح. من المحتمل أن تكون مفيدة لأشياء مثل عروض الأسعار وغيرها من الظواهر ذات الصلة بالمقالات ، ولكن كعلامة دلالة بحتة ، لا تنتمي الإعلانات عمومًا.

لن يهتم نظام الإعلان الذي يحركه الكلمات الرئيسية بتركيب المحتوى الخاص بك بشكل كبير ، بل إنه مهتم أكثر بمطابقة التركيبة السكانية. إذا كان <article> فقط عن PHP ، وسحب الإعلانات المتعلقة بـ Python/Perl/Java (سوف ، في مرحلة ما) ، <aside> فقدت معنى ذلك. أنت أفضل حالا وضع تلك في مكان آخر على الصفحة.

2
tadamson