مقدمه 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 دارای عناصر جدید معنایی، گرافیکی و چندرسانه‌ای است.

عناصر و API جدیدی که 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> استفاده کرد:

نوع مثال
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

در استاندارد HTML5، ممکن است ممکن باشد که از همه 4 نوع نحوه‌نویسی استفاده شود.

ویژگی‌های جدید 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>