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