3.5 KiB
3.5 KiB
| id | title | challengeType | videoUrl | localeTitle |
|---|---|---|---|---|
| 587d774e367417b2b2512a9f | Jump Straight to the Content Using the main Element | 0 | الانتقال مباشرةً إلى المحتوى باستخدام العنصر الرئيسي |
Description
main ، header footer ، footer ، nav ، article ، section ، وغيرها. بشكل افتراضي ، يعرض المتصفح هذه العناصر بشكل مشابه div المتواضع. ومع ذلك ، فإن استخدامها عند الاقتضاء يعطي معنًى إضافيًا في ترميزك. يمكن أن يشير اسم العلامة وحده إلى نوع المعلومات التي يحتوي عليها ، مما يضيف معنىً دلاليًا إلى ذلك المحتوى. يمكن للتكنولوجيات المساعدة الوصول إلى هذه المعلومات لتوفير ملخص صفحة أفضل أو خيارات التنقل لمستخدميها. يتم استخدام العنصر main لتغليف المحتوى (الأساسي) ، ويجب أن يكون هناك واحد فقط لكل صفحة. من المفترض أن تحيط المعلومات المتعلقة بالموضوع المركزي لصفحتك. لا يُقصد به تضمين عناصر تكرر عبر الصفحات ، مثل روابط التنقل أو إعلانات البانر. تحتوي العلامة main أيضًا على ميزة main مضمّنة يمكن للتكنولوجيا المساعدة استخدامها للانتقال سريعًا إلى المحتوى الرئيسي. إذا رأيت في أي وقت مضى رابط "الانتقال إلى المحتوى الرئيسي" في أعلى الصفحة ، فإن استخدام علامة رئيسية تلقائيًا يعطي الأجهزة المساعدة تلك الوظائف. Instructions
main بين header footer (مغطاة في تحديات أخرى). احتفظ بالعلامات main فارغة في الوقت الحالي. Tests
tests:
- text: يجب أن يكون <code>main</code> علامة <code>main</code> واحدة.
testString: 'assert($("main").length == 1, "Your code should have one <code>main</code> tag.");'
- text: و <code>main</code> يجب أن تكون العلامات بين إغلاق <code>header</code> العلامة وافتتاح <code>footer</code> العلامة.
testString: 'assert(code.match(/<\/header>\s*?<main>\s*?<\/main>/gi), "The <code>main</code> tags should be between the closing <code>header</code> tag and the opening <code>footer</code> tag.");'
Challenge Seed
<header>
<h1>Weapons of the Ninja</h1>
</header>
<footer></footer>
Solution
// solution required