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

  • 1390/1/17
  • محسن پاك نيت
  • 14

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

 

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

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

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

 

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

1- تصوير فوق به 4 بخش كلي تقسيم مي‌شود كه از بالا به پايين عبارتند از:

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

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

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

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

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

6- اين تصوير مربوط به زمان قبل از ارائه‌ي روباه آتشين 4 و اكسپلورر 9 و كروم 10 است و با عرضه‌ي نسخه‌هاي جديد اين مرورگرها اطلاعات موجود در اين بخش به ميزان قابل توجهي تغيير كرده است اما چون هنوز گزارش جديدي در اين رابطه منتشر نشده‌است ما به اطلاعات موجود در اين تصوير بسنده مي‌كنيم.

7- در بخش مرورگرهاي رايانه، در استفاده و امكان اجراي مجموع امكانات HTML 5 مرورگرهاي كروم 9 با 85 درصد تطابق پذيري، سافاري 5 با 67 درصد تطابق‌پذيري، اپرا 11 با 64 درصد تطابق‌پذيري، روباه آتشين 3.6 با 55 درصد تطابق‌پذيري و اينترنت اكسپلورر 8 با 21 درصد تطابق‌پذيري رتبه‌بندي شده‌اند.

8- در بخش مرورگرهاي لوازم الكترونيكي همراه نيز، مرورگر آندروئيد نسخه‌ي نان زنجفيلي (2.3) با 51 درصد تطابق‌پذيري، Ios 4.5 با 50 درصد تطابق‌پذيري و اپرا ميني 10 با 36 درصد تطابق پذيري رتبه‌بندي شده‌اند.

9- هيچ كدام از 8 مرورگر بررسي شده از قابليت المان‌هاي جزئيات و خلاصه وضعيت، پشتيباني نمي‌كنند.

10- از ميان 22 قابليت مختلف زبان HTML 5 كه در اين تصوير بررسي شده اند، قابليتي وجود نداشته است كه هر 8 مرورگر به طور كامل از آن پشتيباني كنند.

11- از ميان 22 قابليت مختلف زبان HTML 5 تنها قابليت ويژگي‌هاي داده و مجموعه داده‌ها بوده است كه هر 8 مرورگر توان اجراي حداقل بخشي از آن را دارند.

 

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

محسن پاك نيت

دیدگاه خود را وارد کنید
تعداد دیدگاه ها : 14 دیدگاه
    1. خواهش می‌شه آقا اسماعیل عزیز.

      موفق باشی

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

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

      خواهش می کنم.

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

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

    1. خواهش می کنم.

      ممنون بابت نظر شما.

      موفق باشید

  2. سلام

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

    موفقیت

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

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

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

  4. سلام آقا محسن
    ایمیلی که حاوی ارائه ی html5 بود رو برای gooyait ارسال کردم..
    تونستی نگاهش کنی؟
    نظرت چی بود..

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

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

      من فقط ترجمه مي كنم و آپلود !!!

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

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