HTML5 آخرین نسخه از HTML می باشد که در سال 2014 توسط شرکت WHATWG ارائه شد. چه تفاوت هایی بین HTML5 و HTML4 وجود دارد؟ در ادامه این مقاله همراه داتیس نتورک باشید.
HTML5 چیست؟
HTML5 آخرین نسخه از HTML می باشد که در سال 2014 توسط شرکت WHATWG ارائه شد.
امروزه در دنیای وب بهترین ورژنی که با تمامی مرورگرها سازگاری دارد ،ورژن اچ تی ام ال 5 است.
Html5 یا زبان نشانهگذاری به عنوان پنجمین ورژن زبان نوشتاری در طراحی وب سایت به شمار میرود.
اهداف اصلی اچ تی ام ال 5 پشتیبانی از جدیدترین فناوریهای چند رسانهای است بطوری که خواندن آن را تسهیل نماید
و به طور مداوم نیز توسط رایانهها، مرورگرهای وب، تجزیه کنندهها قابل فهم باشد.
در واقع اچ تی ام ال 5 پاسخی به استفاده مشترک XHTML بر روی شبکه جهانی وب است که ترکیبی از ویژگیهای معرفی شده توسط موتورهای جستجو میباشد.
هم چنین پاسخی به بسیاری از خطاهای نحوی در مستندات وب موجود است که یک زبان نشانه گذاری یکتا را تعریف مینماید.
اچ تی ام ال 5 به دلیل وجود برخی ویژگیهای منحصر به فرد آن، از سایر نسخههای قبلی برتری دارد.
ویژگی های اچ تی ام ال 5
- امکان ذخیره اطلاعات بر روی مرورگر کاربر
- کد های تمیز و ساختار یافته جهت بارگذاری سریعتر صفحه
- اضافه شدن کنترل های جدید فرم همانند Email، Calendar، Date و Time
- طراحی مناسب سایت برای نسخه موبایل
- استفاده از تگهای نشانه گذاری برای دسته بندی مطالب سایت
- امکان پخش فایل های صوتی و تصویری بدون نیاز به نرم افزارهای جانبی با استفاده از تگها
- امکان طراحی اشیا و اشکال به صورت 2 بعدی و غیر منظم با استفاده از تگ
- تعامل بهتر کاربر و کاربرد پذیری
تفاوت های بین HTML5 و HTML4
تفاوت کد Doctype در HTML5 و HTML4
اولین خاصیت یا کدی که هر صفحه HTML در خود دارد خاصیت Doctype هستش.
این خاصیت به ما اعلام میکند که صفحه ای که درحال استفاده از آن هستیم از نظر استاندارد از استاندارد HTML استفاده میکند.
در زیر استاندارد Doctype برای HTML4 را مشاهده میکنید.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
در نسخه HTML5 دیگر توضیحات بسیار زیادی که در Doctype های نسخه های قدیمی وجود دارد دیگر حذف شده است و به جای آن فقط یک Doctype HTML مانند نمونه زیر قرار میدهیم و دیگر از طولانی نویسی پرهیز شده است.
<!DOCTYPE html>
تگ ها در HTML5 و بقیه نسخه ها
یکی از مشکلاتی که اکثر برنامه نویسان با آن دستو پنجه نرم میکنند امکان اضافه نمودن ویدئو ها و صوت ها است.
در اچ تی ام ال 5 این مشکل رفع شده و برنامه نویسان به راحتی توسط دو تگ ذکر شده میتوانند ویدئوها و فایل های صوتی خود را داخل کد ها قرار دهند.
علاوه بر آن کاربران با بکار بردن این تگ ها نیازی ندارند پلیرهای خاصی مانند Flash را برای نمایش آن ها نصب کنند.
فرم های جدید در HTML5
در HTML5 با افزوده شدن امکانات جدید به شما این اجازه داده خواهد شد برای فرم ها امکاناتی نظیر اعتبارسنجی فرم بشکل لوکال و در سمت کلاینت را اختصاص دهد.
بعنوان مثال برای وارد نمودن ایمیل اگر کاربر اشتباهی انجام دهد دیگر نیازی نیست که شما وارد عمل شوید.
اچ تی ام ال 5 بصورت خودکار این عمل را انجام میدهد و در صورت بروز خطا پیغامی مناسب را به کاربر نمایش میدهد.
تگ های معنایی
درون تگ های معنایی موضوعات و معانی خاصی تعریف میشوند.
در صورت استفاده از تگ های معنایی در HTML5 دیگر نیازی نیست که آن ها را در CSS تعریف نماییم.
و این ویژگی تنها در اچ تی ام ال 5 وجود دارد و در نسخه های دیگر وجود ندارد.
آپدیت
در HTML5 به روز رسانی چندین بار در سال صورت مییرد و در نتیجه دائما در حال پیشرفت است.
اما آپدیت خاصی برای اچ تی ام ال 4 وجود ندارد.
امیدواریم این مقاله برای شما مفید بوده باشد
داتیس نتورک را در شبکه های اجتماعی دنبال کنید