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

توضیحات:شifrash محلی پیش‌فرض 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>