الفرق بين HTML و HTML5
نحن نعلم ان لغة HTML لغة هيكلية تنشئ الهيكل الخاص بالموقع من نصوص و مدخلات البحث و ازرار و غيرها , وكان دور HTML مقتصر على هذا ولكن يبدو ان مطورين اللغة ارادو التوسع واعطائها ابعاد واستخدامات جديدة ل HTML ,
نحن نعلم ان لغة HTML لغة هيكلية تنشئ الهيكل الخاص بالموقع من نصوص و مدخلات البحث و ازرار و غيرها , وكان دور HTML مقتصر على هذا ولكن يبدو ان مطورين اللغة ارادو التوسع واعطائها ابعاد واستخدامات جديدة ل HTML ,
فصدرت HTML5 فى عام 2014 لتضيف الكثير من الامكانية لمصممين المواقع
واهم الاشياء الحديدة في Html5 هي الوسوم Tags الجديدة فى HTML5 التى تخدم فكرة Semantic :
واهم الاشياء الحديدة في Html5 هي الوسوم Tags الجديدة فى HTML5 التى تخدم فكرة Semantic :
<article> : يدل على المقالة
<aside> : يدل على الشريط الجانبى
<details> : يدل على المزيد من المعلومات التى يمكن للمستخدم اظهارها او اخفاءها
<figcaption> : وصف للرسوم والصورة التوضيحية
<figure> : صور توضيحية
<footer> : ذيل الصفحة او القطاع Section
<aside> : يدل على الشريط الجانبى
<details> : يدل على المزيد من المعلومات التى يمكن للمستخدم اظهارها او اخفاءها
<figcaption> : وصف للرسوم والصورة التوضيحية
<figure> : صور توضيحية
<footer> : ذيل الصفحة او القطاع Section
<header> : رأس الصفحة او القطاع Section
<main> : يدل على المحتوي الرئيسي للصفحة
<mark> : يدل على نص مميز فى الصفحة
<nav> : يدل على شريط Navigation او التصفح فى الموقع
<section> : يعرف قطاع فى الصفحة
<summary> : يعرف الجزء الظاهر من <details>
<time> : يعرف الوقت والتاريخ
<main> : يدل على المحتوي الرئيسي للصفحة
<mark> : يدل على نص مميز فى الصفحة
<nav> : يدل على شريط Navigation او التصفح فى الموقع
<section> : يعرف قطاع فى الصفحة
<summary> : يعرف الجزء الظاهر من <details>
<time> : يعرف الوقت والتاريخ
وكل واحد من اسمه يدل على وظيفته فى ابراز ماهية ما بدخله .
المدخلات او Inputs
احضرت HTML5 الكثير من المدخلات الجديدة فلم يعد الامر محصور فى نوع النص والرقم السري فقط , إليك الانواع الجديدة :
المدخلات او Inputs
احضرت HTML5 الكثير من المدخلات الجديدة فلم يعد الامر محصور فى نوع النص والرقم السري فقط , إليك الانواع الجديدة :
color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week
من اسم كل نوع جديد من الخاصية يمكنك ان تعرف فائدها .
date
datetime
datetime-local
month
number
range
search
tel
time
url
week
من اسم كل نوع جديد من الخاصية يمكنك ان تعرف فائدها .
الفيديوهات والصوت في HTML 5
قبل HTML5 كان تشغيل الفيديوهات يتطلب اضافة مثل Flash ولكن HTML5 تمكنا من ادراج الفيديو فى صفحات الويب بسهولة مع الوسم <video> ويمكنك التحكم فى الفيديو عن طريق الايقاف والتشغيل وغيرها من الخصائص , كما يمكنك تعريف ملف صوتى داخل الوسم <audio>.
قبل HTML5 كان تشغيل الفيديوهات يتطلب اضافة مثل Flash ولكن HTML5 تمكنا من ادراج الفيديو فى صفحات الويب بسهولة مع الوسم <video> ويمكنك التحكم فى الفيديو عن طريق الايقاف والتشغيل وغيرها من الخصائص , كما يمكنك تعريف ملف صوتى داخل الوسم <audio>.
انتهى الثريد واتمنى ان يكون قد اعجبكم واستفتدو منه
اذا كان فيه اي اخطاء فأكتبها اسفل هاذي التغريدة 👇
اذا كان فيه اي اخطاء فأكتبها اسفل هاذي التغريدة 👇
جاري تحميل الاقتراحات...