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

تفاوت HTML4 و HTML5

در این جلسه ، به تفاوت های بین 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 به پایین  معرفی میشه .

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

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

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

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

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین