مقدمة HTML5

مثال HTML5 في كل فصل

مثال

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 لم يكن متصفحك يدعم علامة الفيديو.
</video>
</body>
</html>

تجربة هذا بنفسك

انقر على "تجربة هذا بنفسك" لمعرفة كيفية تشغيل هذا المثال.

ما هو HTML5؟

HTML5 هو أحدث معيار HTML.

تم تصميم HTML5 خصيصًا لنقل محتوى الويب الغني دون الحاجة إلى برامج إضافية.

يملك HTML5 معاني جديدة، ورسوميات، وأجهزة عرض وسائط.

تساعد العناصر والواجهات البرمجية الجديدة التي يقدمها HTML5 في تبسيط بناء تطبيقات الويب.

HTML5 متعدد المنصات، وتم تصميمه لتشغيله على أنواع مختلفة من الأجهزة (الحواسيب، الأجهزة اللوحية، الهواتف الذكية، التلفزيونات، وما إلى ذلك).

التعليقات:في الفصول القادمة، ستتعلم كيفية "مساعدة" المتصفحات القديمة على معالجة HTML5.

ما الجديد في HTML5؟

بيان نوع الوثيقة الجديد (DOCTYPE) لـ HTML5 بسيط جدًا:

<!DOCTYPE html>
بيان سلسلة الحروف الجديدة (charset) بسيط جدًا:
<meta charset="UTF-8">

مثال HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>عنوان الوثيقة</title>
</head>
<body>
محتوى الوثيقة......
</body>
</html>

التعليقات:يُستخدم بيانسلسلة الحروف الافتراضي لـ HTML5 هو UTF-8.

صيغة الخصائص الجديدة لـ HTML5

يُسمح لمعيار HTML5 باستخدام 4 نماذج من صيغ الخصائص المختلفة.

هذا المثال يوضح استخدام الأنواع المختلفة من الصيغ في علامة <input>.

النوع مثال
فراغ <input type="text" value="Bill Gates" disabled>
النص بدون أسلاك <input type="text" value=Bill Gates>
النص بين الأسلاك <input type="text" value="Bill Gates">
النص بين الهوامش <input type="text" value='Bill Gates'>

في معايير HTML5، قد يتم استخدام جميع أربعة أنواع الصيغ بناءً على الحاجة إلى الخصائص.

ميزات جديدة في HTML5

من أبرز الميزات الجديدة المثيرة لـ HTML5:

  • عناصر سياق جديدة مثل <header>, <footer>, <article>, و<section>.
  • عناصر نماذج جديدة مثل الرقم، التاريخ، الوقت، التقويم ومقابض التحريك.
  • دعم الصور القوية (بفضل <canvas> و<svg>)
  • دعم متعدد الوسائط قوي (بفضل <video> و<audio>)
  • API جديدة قوية مثل استبدال ملفات الـ cookie باستخدام التخزين المحلي.

عناصر الحذف في HTML5

العناصر التالية من HTML 4.01 تم حذفها من HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>