آموزش HTML5

آموزش HTML5 (اچ تی ام ال 5) - معرفی

HTML5 (اچ تی ام ال 5) یک استاندارد جدید برای HTML است.

نسخه قبلی HTML یعنی HTML 4.01 در سال 1999 آمده است و از آن سال تا کنون، وب تغییرات زیادی کرده است.

HTML5 (اچ تی ام ال 5) هنوز در حال پیشرفت است. با این حال مرورگرهای اصلی، بیشتر عناصر و APIهای جدید در HTML5 (اچ تی ام ال 5) را پشتیبانی می کنند.

آموزش HTML5 (اچ تی ام ال 5) با استفاده از مثال ها در هر فصل

در این خودآموز، برای آموزش HTML از صدها مثال استفاده شده است.

به کمک ویرایشگری که در اختیارتان است، می توانید سند HTML را ویرایش کنید و با کلیک روی یک دکمه، نتیجه را مشاهده کنید.

مثال (مقدمه آموزش HTML5)

<!DOCTYPE HTML>
<html>
<body>

<video width="320" height="240" controls>
<source src="/movie.mp4" type="video/mp4">
<source src="/movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

</body>
</html>

خودتان امتحان کنید »

برای مشاهده نتیجه کد بالا روی دکمه "خودتان امتحان کنید" کلیک کنید.

HTML5 (اچ تی ام ال 5) چگونه شروع شد؟

HTML5 (اچ تی ام ال 5) یک همکاری بین W3C و WHATWG است و در سال 2006 تصمیم گرفتند که یک نسخه جدید از HTML را ایجاد کنند.

W3C مخفف World Wide Web Consortium است و روی XHTML 2.0 مشغول کار بوده است.
WHATWG مخفف Web Hypertext Application Technology Working Group است و روی وب فرم ها و Applicationها مشغول کار بوده است.

بعضی از قوانین که در HTML5 (اچ تی ام ال 5) بنا نهاده شد:

ویژگی های جدید باید براساس DOM, CSS, HTML و JavaScript باشد.
کاهش نیاز به Pluginهای خارجی (مانند Flash)
بهبود مدیریت خطا
افزایش نشانه گذاری(markup) برای کاهش اسکریپت نویسی در صفحات وب
HTML5 (اچ تی ام ال 5) باید مستقل از دستگاه باشد.
پروسه های پیشرفت باید برای عموم قابل رویت باشد.

اعلان <DOCTYPE!>

<DOCTYPE!> یک تگ HTML نیست بلکه یک اعلان است و به مرورگر می گوید چه نسخه HTMLی در صفحه استفاده شده است.

در HTML5 (اچ تی ام ال 5) تنها یک اعلان <DOCTYPE!> وجود دارد و بسیار ساده است:

<!DOCTYPE html>

آموزش یک مثال ساده

در مثال زیر، یک صفحه HTML5 (اچ تی ام ال 5) با حداقل تگ های مورد نیاز آورده شده است:

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

آموزش ویژگیهای جدید در HTML5 (اچ تی ام ال 5)

بعضی از ویژگیهای خیلی جالب که در HTML5 (اچ تی ام ال 5) آموزش خواهید دید:

آموزش عنصر <canvas> برای نقاشی دو بعدی
آموزش عنصر <video> و <audio> برای پخش صدا و تصویر
آموزش ذخیره سازی محلی (Local)
آموزش عناصر <article>, <footer>, <header>, <nav>, <section> برای مشخص کردن محتوی
آموزش ابزارهای جدید برای ساخت فرم، مانند: تقویم، تاریخ، زمان، ایمیل، آدرس وب و جستجو

پشتیبانی از HTML5 (اچ تی ام ال 5) در مرورگرها

HTML5 (اچ تی ام ال 5) هنوز یک استاندارد رسمی نیست، و مرورگرها بصورت کامل آنرا پشتیبانی نمی کنند.

اما مرورگرهای اصلی (Safari, Chrome, Firefox, Opera, Internet Explorer) ویژگی های جدید HTML5 (اچ تی ام ال 5) را در نسخه های جدیدشان اضافه کرده اند.

فیلم آموزش html html5

: نوشته شده توسط امیر پهلوان صادق; بازدید: 88226