فینال برنامه نویسی؛ html5 یا html4 ؟

برنامه نویسی وب به دو دسته ی اساسی و مهم تقسیم می‌شود. بدین صورت که هر سایتی از 2 بخش اساسی فرانت اند و بک اند تشکیل شده است. برای کدنویسی و طراحی بخش فرانت اند HTML بهترین گزینه است و البته باید بدانید که html یک زبان برنامه نویسی نیست؛ بلکه یک زبان نشانه گذاری است. Html4‌ بیشتر از ۱۰ سال است که جزء ابزار توسعه وب استاندارد بشمار میرود.

اما طی سالهای گذشته نسخه های متفاوتی از html ارائه شده است که آخرین نسخه html5 است و ما قصد داریم در ادامه تفاوت های html5 و html4 را بررسی کنیم.

اما اگر تجربه ی کار با html را ندارید و یا هنوز حرفه ای نشده اید، به آموزشی نیاز دارید که از ابتدا و با زبانی ساده و قابل فهم، مفاهیم را توضیح دهد. همچنین آموزش ویدیویی و پروژه محور برای یادگیری html گزینه ی بسیاری مناسبی‌ست. آموزش ویدیویی و پروژه محور طراحی مقدماتی سایت رو میتونید در لینک مشاهده کنید.


با ظهور تلفن‌های هوشمند خیلی از شرایط زندگی تغییر کرده است. این تغییرات در نحوه ایجاد وب سایت‌ها نیز تاثیرگذار بوده‌است. امروزه توسعه دهندگان وب علاوه بر اینکه باید نیاز رایانه‌ها و لپ‌تاپ‌ها را در نظر بگیرند، باید به طور ویژه به نیازهای کاربران موبایل نیز پاسخ دهند.

اگرچه html4 هنوز کاملا بی استفاده نشده اما به طور کامل پاسخگوی نیازهای جدید کاربران نیست و در این جاست Html5‌ وارد میدان نبرد میشود! Html5‌ انعطاف‌پذیری بیشتری دارد و نسبت به html4 پیشرفته‌تر است. اما این پیشرفت ها و تفاوت ها چه هستند؟ همراه ما باشید...



تفاوت‌های کلی html4‌ و html5

  • سینتکس ساده : با پیشرفت علم برنامه نویسی، زبان های برنامه نویسی در تلاشند بیشتر به زبان انسال نزدیک شوند. html5 نیز از این قاعده مستثنی نیست و به مراتب ساده تر و قابل فهم از html4 است.


  • چندرسانه ای ها: اگر به یاد داشته باشید تا مدتی قبل، مرورگر ها برای مرور کردن کامل صفحات وب و پخش فایل های چندرسانه ای مثل ویدیو، نیازمند فلش پلیر بود. این مسئله مربوط به html4 است که با استفاده از Silverlight و flash از پخش فایل های چندرسانه ای در سایت، پشتیبانی می‌کرد. اما این مسئله در html5 بهبود یافته و می‌توان با استفاده از تگ های html5، از چندرسانه ای ها در صفحات وب بهره برد.


  • دسترسی به لوکیشن کاربران : در html5 و با استفاده از Js geolocation‌ به راحتی می‌توان به موقعیت جغرافیایی بازدیدکنندگان سایت دسترسی داشت؛ این کار در html4 به سختی قابل انجام است.


  • ذخیره سازی در سمت کلاینت: در html5 برای ذخیره سازی داده های مهم در سمت کاربر از پایگاه داده وب استفاده می‌شود. در html4 از کش مرورگر استفاده می‌شود که بسیار محدود است و مکانیزم ذخیره‌سازی relational‌ در آن وجود ندارد.


  • برقراری ارتباطات: در html5 با استفاده از سوکت وب امکان برقراری ارتباطی کاملا دو طرفه وجود دارد. اما در html4 سوکتی وجود ندارد و برقراری ارتباطات از طریق streaming و polling صورت می‌گیرد.


  • سازگاری با مرورگر : html4 حدود 10 سال است که به عنوان استاندارد وب انتخاب شده و تمام مرورگرها از آن پشتیبانی کامل می کنند. اما html5 هنوز آن چنان کامل نشده و در حال رشد و تکامل است؛ در نتیجه با تمام مرورگر ها سازگار نیست.


  • مکانیزم Threading در جاوااسکریپت: html5 به جاوااسکریپت اجازه می‌دهد که در threadهای جداگانه اجرا شود و با این کار باعث بهبود عملکرد سایت می‌شود. اما در html4 تمام دستورات جاوا اسکریپت باید در یک thread اجرا شوند.



تفاوت تگ‌ها در html4 و html5

در html5 برخی تگ ها نسبت به html4 تغییر داشته اند و یا حذف شده اند که در ادامه چند نمونه را آورده‌ایم:

  • تگ <Applet> حذف شده است و تگ <Object> اضافه شده است.
  • تگ <Acronym> حذف شده است و تگ <Abbr> اضافه شده است.
  • تغییر کارکرد تگ <hr> نسبت به ورژن‌های قبلی
  • تغییر کارکرد تگ <a> نسبت به ورژن‌های قبلی
  • و ...


در کل html5 نسبت به ورژن قبلی خود تغییرات بسیاری داشته است و کاربردی تر شده است. اگر مایل هستید بیشتر در این مورد بدانید، پس از مطالعه‌ی اینفوگرافیک زیر میتوانید به بررسی تفاوت های html4 و html5 مراجعه کنید.

اینفوگرافیک؛ html5 از گذشته تا آینده

در تصویر زیر می‌توانید خلاصه ای از روند html5 از گذشته تا کنون و همچنین آینده را مشاهده کنید. در ضمن آمار و ارقام مربوط به آن نیز بیان شده است که مطالعه‌ی آن خالی از لطف نیست.

در انتها اگر سوال، نظر و یا پیشنهادی داشتید، مشتاق خواندن آنها هستیم...