بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
السلام عليكم ورحمة الله وبركاته
ماهي html5 ؟
هي الإصدار الأخير للغة html ، وهي عبارة عن مجموعة علامات وخصائص وتكنولوجيات جديدة لتحسين محتوى شبكة الويب العالمية.
ليست معتمدة كليا بعد من منظمة w3c لأنها لاتزال طور التجربة ، لذا تعتمد تدريجيا في المتصفحات الحديثة وقد اعتمد منها لحد الآن نسبة تقارب الثلث أو تتجاوزه قليلا.
ولكي تتعلم مستجدات html5 ستحتاج حتما إلى تحديث متصفحاتك لأنها لا تشتغل على المتصفحات القديمة.
هذا الإصدار أسقط أيضا مجموعة من العلامات والخصائص التي لم يعد لها داعي في اللغة ، مثل العلامة font والعلامة center التي يمكن الإستغناء عنهما بتنسيق css ، وتفاصيل ذلك في الكتاب الذي سأشارككم إياه في نهاية الدرس.
تقسيم قالب موقع في html5
لتقسيم الصفحة جاءت html5 ببدائل للعلامة div تلعب نفس الدور، والجديد فيها هو مساعدة محركات البحث على قراءة المحتوى وتمييزه بطريقة جديدة وبالتالي تعرضه هذه المحركات بشكل منظم وأفضل ، مثل العلامة الزوجية nav توضع ضمنها الروابط الأساسية للموقع فيعرفها محرك البحث تلقائيا ويعرضها منظمة تحت عنوان الموقع.
أهم هذه العلامات : header , nav , aside , section , article , footer
أنظر الصورة التالية:
العلامة الزوجية header يمكن أن نضع ضمنها محتوى رأس الصفحة ككل ، ويمكن أن نضع ضمنها العناوين من h1 إلى h6 وننسقها بعد ذلك بلغة css لتبدو على شكل ترويسات.
بعض الأمثلة على جديد html5
العلامة video :
تستخدم لإظهار الملفات المرئية في المواقع ، وتستخدم معها العلامة الفردية source وفيها يشار إلى مسار الملف المرئي .
والمقصود بالخاصية controls هي الأدوات التي تستخدم للتحكم في الفيديو : وقف ، تشغيل ، التحكم بالصوت . والرسالة المكتوبة هي التي تظهر في حالة عدم ظهور الفيديو ، ونتيجة هذا الكود :
وطبعا لن يشتغل الفيديو لأنه ليس على موقع حقيقي يشتغل على سيرفر.
العلامة audio :
تستخدم مع العلامة الفردية source لإظهار الملفات الصوتية :
والنتيجة:
وعكس الملف المرئي ، الملف الصوتي يشتغل بدون مشاكل .
نكتفي بهذا القدر وموعدنا مع المزيد في الدرس القادم إن شاء الله ، وفي انتظار ذلك دمتم في رعاية الله وحفظه.