دایره المعارف تصویری HTML5

  • ۱۳۹۰/۰۱/۱۷
  • محسن پاك نيت
  • 14

وبسایت testking تصویری را منتشر کرده است که تمام اطلاعات تخصصی مورد نیاز طراحان وب در مورد HTML 5 را به تصویر می‌کشد. برای مشاهده‌ی این تصویر فوق‌العاده و مطالعه‌ی توضیحاتی پیرامون آن با مجله‌ی اینترنتی گویا آی‌تی همراه باشید.

 

برای مشاهده‌ی بهتر جزئیات و دیدن تصویر در سایز اصلی بر روی آن کلیک نمایید

حجم تصویر بالاست. لطفا تا بارگذاری کامل آن شکیبا باشید

دایره المعارف تصویری HTML5
دایره المعارف تصویری HTML5

 

برخی توضیحات مربوط به این تصویر که مخاطبان اصلی آن برنامه‌نویسان و طراحان وب هستند:

۱- تصویر فوق به ۴ بخش کلی تقسیم می‌شود که از بالا به پایین عبارتند از:

  • تگ‌های html 5
  • ویژگی‌های عمومی html 5
  • ویژگی های مربوط به رویدادها در html 5
  • تطابق‌پذیری مرورگرها با امکانات مختلف html 5

۲- در تمام طول این تصویر، رنگ‌ها راهنمای ما در درک مطالب موجود در عکس هستند. مثلا رنگ آبی روشن به ما می گوید که کد مربوطه جزو ویژگی های جدیدی است که در نسخه‌ی پنجم زبان HTML به آن اضافه شده است. رنگ آبی تیره، نشان از این دارد که کدهای مربوطه در نسخه‌های قبلی نیز وجود داشته‌اند. رنگ خاکستری هم بیان می‌کند که کدهای مربوطه قدیمی هستند و دیگر توسط زبان HTML پشتیبانی نمی‌شوند.

۳- در بخش ویژگی‌های مربوط به رویدادها، پنجره‌ها، فرم‌ها، صفحه کلید، ماوس، فایل‌های چندرسانه‌‌ای (رسانه‌ها) مورد توجه قرار گرفته و رویدادهای مربوط به هرکدام به صورت مجزا طبقه‌بندی شده‌است.

۴- در بخش آمادگی مرورگرهای وب برای اجرای قابلیت‌های HTML5، رنگ های قرمز به معنای اینکه این قابلیت توسط مرورگر مربوطه پشتیبانی نمی‌شود، سبز تیره به معنای پشتیبانی کامل مرورگر از این قابلیت و رنگ سبز روشن به معنای پشتیبانی مرورگر با بخشی از قابلیت ذکر شده به کار رفته‌اند.

۵- مرورگرها نیز به دو بخش مرورگرهای رایانه و مرورگرهای لوازم قابل حمل همانند تلفن‌های همراه تقسیم‌بندی شده‌اند.

۶- این تصویر مربوط به زمان قبل از ارائه‌ی روباه آتشین ۴ و اکسپلورر ۹ و کروم ۱۰ است و با عرضه‌ی نسخه‌های جدید این مرورگرها اطلاعات موجود در این بخش به میزان قابل توجهی تغییر کرده است اما چون هنوز گزارش جدیدی در این رابطه منتشر نشده‌است ما به اطلاعات موجود در این تصویر بسنده می‌کنیم.

۷- در بخش مرورگرهای رایانه، در استفاده و امکان اجرای مجموع امکانات HTML 5 مرورگرهای کروم ۹ با ۸۵ درصد تطابق پذیری، سافاری ۵ با ۶۷ درصد تطابق‌پذیری، اپرا ۱۱ با ۶۴ درصد تطابق‌پذیری، روباه آتشین ۳.۶ با ۵۵ درصد تطابق‌پذیری و اینترنت اکسپلورر ۸ با ۲۱ درصد تطابق‌پذیری رتبه‌بندی شده‌اند.

۸- در بخش مرورگرهای لوازم الکترونیکی همراه نیز، مرورگر آندروئید نسخه‌ی نان زنجفیلی (۲.۳) با ۵۱ درصد تطابق‌پذیری، Ios 4.5 با ۵۰ درصد تطابق‌پذیری و اپرا مینی ۱۰ با ۳۶ درصد تطابق پذیری رتبه‌بندی شده‌اند.

۹- هیچ کدام از ۸ مرورگر بررسی شده از قابلیت المان‌های جزئیات و خلاصه وضعیت، پشتیبانی نمی‌کنند.

۱۰- از میان ۲۲ قابلیت مختلف زبان HTML 5 که در این تصویر بررسی شده اند، قابلیتی وجود نداشته است که هر ۸ مرورگر به طور کامل از آن پشتیبانی کنند.

۱۱- از میان ۲۲ قابلیت مختلف زبان HTML 5 تنها قابلیت ویژگی‌های داده و مجموعه داده‌ها بوده است که هر ۸ مرورگر توان اجرای حداقل بخشی از آن را دارند.

 

امیدوارم از مطلب فوق استفاده کرده باشید. لطفا نظرات خود را در این رابطه با ما در میان بگذارید.

محسن پاک نیت

دیدگاه خود را وارد کنید
تعداد دیدگاه ها : 14 دیدگاه
  1. سلام خیلی ممنون از مطلب جالبی که قراردادید 🙂
    ولی الان با اومدن مرورگرهای جدیدتر یک مقدار این درصدها و پشتیبانی ها تغییر کرده!

    1. سلام محسن عزیز

      خواهش می کنم.

      بله خب. این درصدها روز به روز متغیر هستن.

      موفق باشید و ممنون

  2. سلام

    ممنونم.مطلب جالبی است ولی حیف که با یه فایل png با ۳٫۵ مگابایت حجم کمی برای ما ایرانی ها غیرقابل استفاده است.بهتر بود به jpg تبدیل میشد

    موفقیت

    1. سلام علی آقای عزیز،
      ممنون بابت نظرتون.
      من سعی می‌کنم در مطالب بعدی ان شا الله تا جای ممکن حجم تصاویر رو پایین بیارم.
      موفق باشید.

  3. عالی بود..
    راستش من موضوع HTML5 رو برای درس شیوه ی ارائه، کنفرانس دادم که خیلی استقبال شد و واقعا موضوع بی نظیری بود . و بیشتر حاضرین فایلش رو از من خواستن…
    البته به نظر خودم مطالبم ناقص و خیلی جای کار داره…
    من می خوام بار دیگه و در موقعیت دیگه یی این موضوع رو دوباره کنفرانس بدم البته بسیار کامل تر..
    از شما می خوام که یکم راهنماییم کنید.. البته اگه بخواید می تونم فایل ارائه ام رو براتون بفرستم..
    ممنون..

    1. سلام علی عزیز،
      اگر دیگران راضی بودن نشون می ده که کار شما خوب بوده.
      مطلبت رو آماده کن و برای گویا آی‌تی ارسال کن. ما راهنماییت می کنیم و تغییرات لازم رو با کمک همدیگه روی مطلبت انجام می‌دیم و هر وقت مطلب کامل شد و قابلیت انتشار پدا کرد، با نام خودت منتشرش می‌کنیم.
      موفق باشی.
      ممنون از نظرت

    1. سلام علی عزیز،
      احسنت به این پیگیری و سرعت عملت.
      اون ایمیل رو آقای حسین میری عزیز، مدیر وب‌سایت بررسی می‌کنه و به من ارجاع می‌ده.
      هر موقع که خوندمش پاسخ رو برات ایمیل می‌کنم.
      ممنونم ازت.
      موفق باشی مهندس.

    1. البته زحمت این اینفوگرافیک‌ها با سایت سازنده‌شونه.

      من فقط ترجمه می کنم و آپلود !!!

      موفق باشی محمدعلی عزیز

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *