آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

تفاوت HTML4 و HTML5

تفاوت HTML4 و HTML5

فصل چهارم ( معرفی HTML5 )

جلسه  دوم  ( تفاوت HTML4 و HTML5 )

سلام خدمت همراهان عزیز مدرسه مجازی ایرانیان

میشه گفت تفاوت اصلی HTML4 با HTML5 در عناصر و خاصیت هایی هست که به نسخه ی ۵ اضافه شده. تو این جلسه ی آموزشی این تفاوت هارو براتون توضیح میدم.

چه مواردی به نسخه ی ۵ اضافه شده :

–         عناصر جدید

–         خاصیت های جدید

–         پشتیبانی کامل از css3

–         مالتی مدیا مثل ویدئو و صوت

–         گرافیک های دو بعدی و سه بعدی

–         Local Storage یا ذخیره سازی محلی

–         Local SQL Database یا پایگاه داده محلی SQL

–         Web Applications یا نرم افزارهای تحت وب

گرافیک های HTML5 :

در این نسخه شما میتونید گرافیک های دو بعدی و سه بعدی رو با عناصر جدید به راحتی پیاده سازی کنید :

–         عنصر  canvas

–         عنصر SVG

–         استفاده از Css3 2D /3D

قابلیت های جدید با CSS3 :

–         ایجاد انیمیشن ها

–         اشکال سه بعدی و دو بعدی

–         اشکال دورگرد

–         افکت سایه برای اشکال و متون

–         افزودن فونت ها به صفحه ی وب

تعیین نوع سند در HTML5 :

در نسخه ی ۵ با استفاده از دستور زیر نوع سند رو مشخص می کنید :

 مرورگرهایی که HTML5 رو پشتیبانی می کنند :

تقریبا تمامی مرورگرها HTML5 رو پشتیبانی می کنند که شامل مرورگرهای زیر میشه :

Chrome, Firefox, Internet Explorer 9+, Safari, Opera

امروزه تمامی مرورگرهای نسل جدید از تگ های HTML5 پشتیبانی می کنند. اما مرورگرهای قدیمی قادر نیستند عناصری مثل   header, section, aside و article  رو بشناسند و به درستی به کاربر ارائه کنند. مرورگرهای قدیمی عناصر ذکر شده رو به صورت عناصر inline ارائه می کنند که ممکنه استایل صفحات وب شما رو با مشکل مواجه کنه. پس شما برای حل این مشکل این عناصر رو به صورت block تغییر بدید تا برای مرورگرهای قدیمی قابل فهم باشه.

 اما مرورگرهای قدیمی اینترنت اکسپلورر ( IE8 به پایین ) رو نمیتونید با کد بالا توجیح کنید ، برای اینکار باید از جاوا اسکریپت استفاده کنید و تمامی عناصر جدید html5 رو به این مرورگرها بفهمونید :

 اما بازهم این راه حل مناسبی نیست ، جناب Remy Sharp یک فایل جاوااسکریپت رو تهیه کردند که تمامی تگ ها و عناصر و خاصیت های جدید HTML5 رو برای مرورگرهای  IE8 به پایین معرفی کرده ، میتونید این فایل رو از لینک زیر دریافت کنید :

حالا باید این فایل رو به گونه ای درون صفحه ی وب قرار بدیم که اگر کاربر با مرورگرهای IE8 به پایین سایت رو باز کرده بود ، این فایل جاوااسکریپت براش لود بشه ، برای اینکار باید از شرط زیر استفاده کنیم :

 این شرط رو در تگ <head> و بعد از فراخوانی فایل جی کوئری قرار بدید ، با این کار ۹۰ درصد عناصر و خاصیت های html5 برای مرورگرهای IE8 به پایین  معرفی میشه .

 خوب این جلسه هم به اتمام رسید ، امیدوارم مفید واقع شده باشه .

تهیه شده در مدرسه مجازی ایرانیان

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • SHAHYAR

    SALAM MAMNON AZMATALEB KHOBETOON

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟