مقدمه 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 مجاز به چهار نوع مختلف از نحوه‌ی نوشتن ویژگی‌ها می‌باشد.

این مثال نشان می‌دهد که چگونه از نحوه‌نویسی‌های مختلف در برچسب <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>