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