HTML5 کاملتر و آسان‌تر از HTML4 هست و تعداد زیادی تگ جدید مثل <header>، <footer>، <navy>، <Audio>، <video>، <main> و غیره داره و همچنین از گرافیک پشتیبانی میکنه. در تصویر زیر تمامی اصطلاحات ضروری مربوط به HTML و HTML5 رو میتونین ببینین. با مطالعه ادامه این مطلب از سایت دیفرتو میتونین تفاوت HTML و HTML5 رو به عنوان زبانهای برنامه‌نویسی بهتر درک کنین.

فرق بین HTML و HTML5

فرق بین HTML و HTML5 چیه؟

HTML به‌عنوان زبان اصلی شبکه جهانی وب شناخته میشه. HTML در طول زمان به روزرسانی‌های زیادی داره و آخرین نسخه به روز شده HTML هم  HTML5 هست. تفاوت‌هایی بین این دو نسخه وجود داره که در زیر میتونین اونا رو ببینین:

  • HTML5 هم صدا و هم ویدیو رو پشتیبانی میکنه، درحالیکه توی نسخه‌های قبلی هیچ کدوم بخشی از اون نبودن.
  • HTML نمیتونه اجازه بده جاوا اسکریپت توی مرورگر وب اجرا بشه، درحالیکه HTML5 اجرای جاوا اسکریپت رو کاملا پشتیبانی میکنه.
  • توی HTML5 میشه ریاضیات درون خطی و SVG رو توی یک متن استفاده کرد، درحالیکه توی HTML امکان‌پذیر نیست.
  • HTML5 انواع جدیدی از کنترل‌های فرم مثل تاریخ و زمان، ایمیل، شماره، دسته، عنوان، آدرس اینترنتی، جستجو و غیره پشتیبانی میکنه.
  • المان‌های زیادی توی HTML5 قرار داده شده. بعضی از مهمترین اونها شامل زمان، صدا، توضیحات، جاسازی، شکل، ساختار، پاورقی، مقاله، بوم، خروجی، بخش، منبع، آهنگ، ویدئو و غیره.

جدول تفاوت HTML و HTML5

توی جدول مقایسه‌ای زیر ویژگی‌های HTML و HTML5 رو یکجا جمع کردیم تا درک این تفاوت‌ها برای شما راحت‌تر بشه:

مبنای مقایسه HTML HTML5
تعریف زبان نشانه گذاری فرامتن (HTML) زبان اصلی برای توسعه صفحات وبه. HTML5 نسخه جدیدی از HTML با قابلیت‌های جدید با زبان نشانه‌گذاری و فناوری‌های اینترنتیه.
پشتیبانی چند رسانه‌ای زبان HTML از ویدئو و صدا پشتیبانی نمیکنه. HTML5 از ویدئو و صدا پشتیبانی میکنه.
ذخیره سازی مرورگر HTML از حافظه کش به‌عنوان ذخیره‌سازی موقت استفاده میکنه. HTML5 گزینه‌های ذخیره‌‌سازی مثل کش برنامه، پایگاه داده SQL و ذخیره‌‌سازی وب داره.
سازگاری با مرورگر HTML تقریباً با همه مرورگرها سازگاره چون برای مدت طولانی وجود داشته و مرورگرها تغییراتی رو برای پشتیبانی از همه ویژگی‌هاش انجام دادن. توی HTML5، تگ‌ها، عناصر و برخی تگ‌های جدید زیادی داریم که حذف یا اصلاح شدن، پس فقط بعضی از مرورگرها کاملاً با HTML5 سازگار هستن.
پشتیبانی گرافیکی

 

 

توی HTML، گرافیک بُرداری با ابزارهایی مثل LikeSilver light، Adobe Flash، VML و غیره امکان پذیره. توی HTML5، گرافیک‌های برداری به طور پیش فرض پشتیبانی میشن.
چند رشته‌ای توی HTML، رابط مرورگر و جاوا اسکریپت توی یک رشته در حال اجرا هستن. HTML5 دارای JavaScript Web Worker API هست که به رابط مرورگر اجازه میده تا توی چندین رشته اجرا میشه.
ذخیره سازی از کوکی‌ها برای ذخیره داده‌ها استفاده میکنه. از حافظه محلی به جای کوکی‌ها استفاده میکنه.
گرافیک برداری  با کمک فناوری‌هایی مثل VML، Silverlight، Flash و غیره امکان‌پذیره.  بخشی جدایی‌ناپذیر از HTML5 رو میشه SVG و Canvas یا بوم دونست.
شکل‌ها کشیدن اشکالی مثل دایره، مستطیل، مثلث امکان‌پذیر نیست. میتونیم اشکالی مثل دایره، مستطیل و مثلث بکشیم.
نوع سند اعلان Doctype توی html خیلی طولانیه و به صورت زیره:

<! DOCTYPE HTML PUBLIC “- // W3C // DTD HTML 4.01 // EN” “http://www.w3.org/TR/html4/strict.dtd”>

اعلان DOCTYPE توی html5 خیلی سادس و به صورت زیره:

<! DOCTYPE html>

کدگذاری کاراکتر رمزگذاری کاراکترها توی HTML خیلی طولانیه و به صورت زیره:

<! DOCTYPE HTML PUBLIC “- // W3C // DTD HTML 4.0 Transitional // EN”>

اعلان رمزگذاری کاراکتر توی html5 سادس و به صورت زیره:

<meta charset = “UTF-8”>

پشتیبانی چند رسانه‌ای صدا و تصویر بخشی از HTML4 نیستن. صدا و تصویر بخش‌های ضروری HTML5 هستن، مثل: <Audio>، <Video>.
پیشنهاد مطالعه »»  تفاوت فلوچارت و الگوریتم چیه؟

جمع‌بندی

HTML مخفف جمله HyperText Markup Language هست. Html زبان استانداردی برای طراحی صفحات وبه و تمام کدهای صفحه رو در نهايت به کدهای HTML تبديل میکنه تا توسط مرورگر نمايش داده بشن. درمقابل HTML5 توی سال ۲۰۱۴ منتشر شد. در حال حاضر HTML با به روز کردن خودش باعث میشه ویژگی‌های بیشتری رو توی اینترنت برای همه دسترسی‌ها ممکنه کنه. HTML5 با HTML متفاوته، چون تمام ویژگی‌های اون توی همه مرورگرها پشتیبانی میشن. اگر به موضوعات برنامه‌نویسی و طراحی سایت علاقه دارید، پیشنهاد میکنیم مقالات زیر رو بخونید:

به نظر شما فرق HTML و HTML5 که در این مقاله توضیح داده شد، درست بوده؟

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

منبع: javatpoint.com

۵/۵ - (۱ امتیاز)