مقدمه 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>