ویژگی های HTML5 چیست و چه کاربردی دارد به همراه مزایا و معایب آن

ویژگی های HTML5 چیست و چه کاربردی دارد به همراه مزایا و معایب آن

آخرین نسخه از زبان HTML در قالب HTML5 در سال ۲۰۱۶ توسط W3C ارائه گردید.

در HTML5 یکسری ویژگی ها و قابلیت ها جهت ساده سازی کدنویسی قرار داده شده است و به همین دلیل اکثر برنامه نویسان حرفه ای برای طراحی صفحات وب از زبان HTML5 نیز استفاده می نمایند.

در حال حاضر می توان گفت تقریبا تمامی مرورگر ها از HTML5 پشتیبانی می کنند.

تاریخچه زبان HTML5 چیست؟

HTML که ما امروزه آن را می شناسیم نسخه HTML4 است که  ابتدا در سال ۱۹۹۷ منتشر شد. این بدین معنی است که شما ۱۵ سال است که از HTML4 استفاده می کنید. از زمان عرضه وب در سال ۱۹۹۱، اچ‌تی‌ام‌ال۵ آخرین نسخه از استاندارد های وب در ۲۰ سال گذشته است.

HTML ابتدا در سال ۱۹۹۳ پدیدار شد و استندارد های عمومی آن مورد موافقت همگان قرار گرفت، در ذیل می توانید پروسه زمانی توافقات انجام شده را مشاهده کنید :

  • HTML 2.0: 1995
  • HTML 4.0: 1997
  • HTML 4.01: 2000
  • HTML 5: 2014

تهیه و انتشار HTML5 با اهداف مشخصی صورت گرفت از جمله:

 

  • امکانات جدید باید بر پایه HTML، CSS، DOM و javascript بوده و همخوانی لازم را داشته باشد.
  • نیاز به افزونه های خارجی و جانبی مانند فلش تا حد امکان کاهش یابد.
  • رفع مشکلات و ارورها در HTML5 از نسخه های پیشین راحت تر باشد.
  • استفاده از اسکریپت در کدنویسی این زبان با نشانه گذاری جایگزین شود.
  • HTML5 باید مستقل از دستگاه باشد و بر روی هر توع کامپیوتر و گجتی قابل استفاده باشد.
  • مراحل پیشرفت و بروزرسانی آن متن باز و در اختیار عموم باشد.

قابلیت ها و ویژگی های html5

  1. ساختار ساده تر و سر راست تر عناصر که باعث می شود ساخت،طراحی سایت html5،تنظیم و عیب یابی آن ها آسان تر شود.
  2. فراهم کردن عناصر استاندارد برای object های معمول و پیش پا افتاده که در نسخه قبلی نیاز به نصب افزونه های مختلف داشتند، مانند صدا . تصویر.
  3. ادغام با رابط های کاربری برای کارکرد بهتر وب سایت های مدرن و وب سایت های موبایلی. به عنوان مثال فعال کردن قابلیت مکان یابی GPS در مرورگر که به شما مکان مشاهده موقعیت مکانی بازدیدکننده را می دهد.

HTML5 باعث بهبود سرعت،تسهیل در استفاده از وب می شود. به عنوان نمونه تجربه کار با سایت هایی چون YouTube بسیار جالبتر می شود و شما برای کار با آن نیاز به آپدیت و افزونه های کمتری خواهید داشت. ضمن اینکه امنیت آن افزایش یافته و از سرعت بهتری برخوردار می شود.

اگر شما طراح وب سایت هستید، اچ‌تی‌ام‌ال۵ کارتان را بسیار ساده تر می کند.

ویژگی های جدید HTML5

HTML5 قابلیت ها و عناصر جدیدی را به زبان اچ تی ام ال اضافه نموده است.

اهداف مختلفی برای ساخت HTML5 در نظر گرفته شده که در این بخش به این اهداف اشاره خواهیم کرد.

 

اهداف طراحی HTML5

 

افزایش سرعت بارگذاری صفحات وب

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

 

امکان ترسیم اشکال غیر منظم در HTML5

تا بحال تنها قادر به رسم مستطیل برای قسمت های مختلف صفحه بودیم، ولی در HTML5 چنین محدودیتی وجود نداشته و می توانید انواع تصاویر، نمودار ها و…را بدون نیاز به فلش و سایر افزونه ها در صفحه خود ترسیم نمایید.

 

امکان پخش صوت و ویدئو به صورت مستقل در HTML5

در HTML5 دیگر برای پخش ویدئو و صوت مجبور به استفاده از فلش نبوده و براحتی می توانید با کد نویسی اینکار را انجام دهید.

 

امکان مکان یابی در HTML5

این امکان نتایج جست و جوی گوگل را بر حسب مکان شما سفارشی می نماید، همچنین ورودی های توییتر (Twitter) شما را برچسب گذاری می کند.

 

 امکان ایجاد فرم های هوشمند در HTML5

HTML5 این امکان را به طراحان می دهد تا از فرم های جذاب تری استفاده کنند و نیاز به جاوا اسکریپت را کاهش می دهد. با توجه به این ویژگی ورودی های متنی متفاوت به وجود آمده و برای هر هدف زمینه خاصی تعریف می شود.

در HTML5 امکان ایجاد فرم های هوشمند به کمک عناصری نظیر جعبه های متن و منو های کشویی وجود دارد شاید بپرسید چنین امکاناتی در HTML هم وجود داشت، ولی مسئله این اسن که این عناصر در HTML5 به شکل بسیار هوشمند تری برای کنترل اطلاعات می توانند عمل کنند.

برای مثال شما میتوانید هنگام ورود اطلاعات صحت و اعتبار آنها را کنترل کنید. همچنین عناصر فرم تعامل بیشتری با هم خواهند داشت.

 

امکان ذخیره سازی دقیق در HTML5

کوکی ها به منظور ردیابی داده های کاربران برای مدت های طولانی استفاده می شوند ولی آن ها نیز محدودیت هایی دارند.

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

تمرکز بر برنامه های تحت وب در HTML5

HTML5 این امکان را فراهم می سازد تا برنامه های تحت وب بدون هیچ مشکل و نیاز به برنامه و ابزار خاصی در هر سیستمی سازگار باشد.

آیا علاقه مند به یادگیری HTML5 هستید!!!

 

پیش نیاز یادگیری HTML5، آموزش زبان HTML نیز می باشد.

بنابراین اگر هیچ گونه پیش زمینه در حوزه طراحی صفحات وب و زبان اچ تی ام ال ندارید بهتر است که ابتدا اچ تی ام را یاد بگیرید و سپس به سراغ آموزش HTML5 بروید.

 

اگر بدنبال یک مرکز معتبر جهت یادگیری زبان HTML  هستید پیشنهاد می کنم سری به آریا تهران بزنید!

منبع

جدیدترین مقالات

ساخت سایت داینامیک رایگان

مقدمه :   در این مقاله قصد داریم در مورد ساخت سایت داینامیک رایگان صحبت کنیم، و ایم که نحوه ساخت سایت های داینامیک به

طراحی سایت خدمات

مقدمه :   در این مقاله قصد داریم در مورد طراحی سایت خدماتی و جزییات آن صحبت کنیم، و اگر شما قصد سفارش ساخت وب

دوره آموزشی کورل دراو CorelDraw

دوره آموزشی کورل دراو CorelDraw

دوره آموزش کورل دراو CorelDraw شما با شرکت در دوره آموزش کورل دراو CorelDraw در کمتر از  دو ماه بصورت فشرده و بازارکاری با تمام

وردپرس چیست؟ | کاربرد Wordpress | چرا از وردپرس استفاده کنیم | مزایا و معایب ورد پرس

وردپرس چیست؟

برای پاسخ به این سوال ابتدا باید به تعریف  مفهوم سیستم مدیریت محتوا و انواع CMS ها بپردازیم، لذا  توصیه می کنیم مقالات ما در

اخبار سایت خود را در وب مهراز منتشر کنید

با وب مهراز همکاری کنید و کاربران را با خدمات سایت تان آشنا نمایید.