مقدمه html5

مقدمه html5

HTML 5 جدیدترین استاندارد HTML, XHTML و HTML DOM است. آخرین استاندارد HTML یعنی XHTML در سال ۱۹۹۹ پایگذاری شد، تقریبا ۱۵ سال پیش! در این ۱۵ سال دنیای وب دچار تغییر و تحول بسیاری شد و  همچنین تکنولوژی های جدید و پیشرفت رو به رشد دنیای وب، باعث شد که HTML تکان دیگری به خود بدهد که منجر به ایجاد HTML 5 شد.

مقدمه html5 مقدمه html5 مقدمه html5 html5 1

این ورژن از HTML با ۶ هدف مهم کارش را شروع کرد :

  1. موارد جدید (تغییرات وب پس از XHTML) بایستی از پایه های HTML و CSS و Javascript باشند
  2. نیاز کمتر به استفاده از پلاگین ها (مانند فلش)
  3. به راحتی پیدا کردن اشکالات یک صفحه وب.
  4. عناصر بیشتر جهت تعامل بهتر. (کمتر شدن نیاز به استفاده از class و id)
  5. HTML5 کمترین وابستگی به دستگاه را داشته باشد.
  6. یادگیری و استفاده از آن برای همه مقدور باشد.

چگونه HTML5 آغاز شد؟

HTML5 یک همکاری بین (World Wide Web Consortium (W3C و Web Hypertext Application Technology Working Group WHATWG است.
WHATWG با فرم های وب و برنامه های کاربردی ، و W3C با XHTML 2.0 کار می کرد. در سال ۲۰۰۶، آنها تصمیم به همکاری و ایجاد یک نسخه جدید از HTML گرفتند.
برخی از قوانین برای HTML5 تاسیس شد :

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

در HTML5 تنها یک بیانیه <DOCTYPE> وجود دارد، و بسیار ساده است :

متن زیر یک سند HTML5 ساده، با حداقل تگ های مورد نیاز است:

با توجه با این ۶ هدف تقریبا ۳۰ المنت جدید، ۱۰ صفت جدید، و ۵۰ رویداد جدید به HTML اضافه شد.

برخی از این موارد جدید عبارتند از

  1. المنت canvas جهت نقاشی
  2. المنت های video  و audio برای بخش رسانه های صوتی و تصویری
  3. المنت های جدید مانند header , footer , section  و article جهت مدیریت محتوای صفحه.
  4. المنت های کنترل فرم مانند date, time ,email و …

مرورگر های جدید Chrome , Opera , Safari و Firefox از بیشتر این موارد پشتیبانی می کنند. Ie9 به بعد نیز از html5 پشتیبانی می کند.

HTML5 – ویژگی های جدید

برخی از جالب ترین ویژگی های جدید در HTML5:

  • عنصر <canvas>برای طراحی ۲ بعدی
  • عناصر <video> و <audio> برای بازپخش رسانه ای
  • پشتیبانی از ذخیره سازی محلی
  • عناصر جدید مشخص کننده محتوا مانند : <nav> و <section> و <article> و <footer> و <header>
  • کنترل های فرم جدید مانند : calendar, date, time, email, url, search

خلاصه آموزش مقدمه html5:

HTML5

  • عناصر جدید
  • صفات جدید
  • ساپورت کامل از css3
  • فیلم ها و موزیک ها
  • ۲D/3D گرافیک
  • ذخیره سازی محلی
  • Local SQL Database
  • برنامه های کاربردی وب
آموزش HTML آموزش طراحی وب

دسته بندی و برچسب

دیدگاه خود را بیان کنید