دي معلومات مابتظهرش للي بيزور الموقع، بس مهمة جداً للمتصفحات ومحركات البحث (SEO). زي:
<head>: ده الصندوق اللي شايل كل الميتا داتا.<title>: العنوان اللي بيظهر فوق في الـ Tab.<link>: بنستخدمه غالباً عشان نربط ملف الـ CSS.<meta>: بتعرف المتصفح اللغة، والوصف، والكلمات المفتاحية.عشان الكود بتاعك يبقى "Semantic" (دلالي) ومفهوم، بنقسم الصفحة لأجزاء:
<header>: راس الصفحة (اللوجو والقايمة).<nav>: خاص باللينكات التنقلية.<main>: المحتوى الأساسي بتاع الصفحة.<section> & <article>: لتقسيم المواضيع والمقالات.<footer>: ديل الصفحة (حقوق النشر والروابط).دي الأدوات اللي بنفرش بيها الصفحة:
<h1> (الأكبر) لحد <h6> (الأصغر).<p>.<a> ولازم معاها صفة href عشان نحدد هتروح فين.<!-- كودك هنا -->.💡 حركة صايعة: في VS Code لو علمت على أي كود ودوست Ctrl + / هيحوله لتعليق فوراً!
1. أنهي تاج بيستخدم لأكبر عنوان في الصفحة؟
2. إيه الصفة (Attribute) اللي بتحدد وجهة اللينك في تاج الـ <a>؟
3. إيه الاختصار اللي بيعمل Comment في VS Code؟
4. الميتا داتا (Metadata) بتتحط جوه أنهي تاج؟
5. تاج الـ <br> بيستخدم لإيه؟