مقدمة 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 جديدة قوية مثل استبدال الكوكيز بالخزنة المحلية.

العناصر المزالة من HTML5

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

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