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

HTML5  استاندارد جدیدی برای ساختارهای HTML 4.01, XHTML 1.0 و DOM Level 2 HTML  به حساب می آید و سعی در بی نیازی هرچه بیشتر طراحان به استفاده از پلاگین هایی نظیر  Adobe Flash, Microsoft Silverlight, and Sun JavaFX, می کند که این هدف سال ها طول کشید .  اما چیزی که می خواهیم در این مقاله به بررسی آن بپردازیم  تاریخچه  نچندان واضح HTML نیست  بلکه خصوصیات ابداعی و جدید HTML5 است .

در ادامه مطلب نگاهی به چند خصوصیت فوق العاده HTML5   خواهیم داشت .

canvas را  می توان اینگونه تعریف کرد  که به API  مخصوص نقاشی  2 بعدی گفته می شود که اندازه دلخواه صفحه خالی را  برای نقاشی و کشیدن اشکال مختلف توسط جاوا اسکریپت به شما می دهد .

نمونه های زیادی برای این تکنیک در HTML5  وجود دارد که برای مشاهده آن می توانید به این نمونه توجه کنید  . یک canvas که پشت زمینه ای  به صورت گرادیانت و تغییر پذیر دارد . البته ناگفته نماند که Canvas  در حقیقت فناوری اختصاصی Apple  بود و  اینترنت اکسپلورر نیز به تقلید از فناوری به نام Vector Markup Language  بهره می برد که در سال 1998  به استانداردهای w3c پیوست . این را از این رو بیان کردیم چون با تفاوت این تکنیک  مشخصا  بازهم  مایکروسافت راهی اشتباه  و جدا از جامعه جهانی طراحان را می رود . راهی که نیاز است اگر می خواهیم در HTML5  از امکان Canvas استفاده کنیم می بایست تبدیل آن را به VML  انجام دهیم .

Forms

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

فرم ها از آنجایی که نیاز است اطلاعات صحیحی را دریافت کنند همواره از  سیستم های اعتبارسنجی اطلاعات بهره می برند . و این هم  حجم کاری طراح را زیادتر می کند و حجم فایل و اسکریپت اعتبارسنجی

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

برای اعتبارسنجی ایمیل ها در این نسخه از HTML  بدین صورت عمل می شود :

input type=email

مشاهده می کنید که چقدر خلاصه و راحت می توان در این نسخه کد نوشت .

خصوصیات جدیدی نیز به این ساختار ورودی اطلاعات اضافه شده است مانند required, autofocus, input type=number min=3 max=50  که به سادگی می توان اطلاعات ورودی را کنترل کرد

یا در مورد اطلاعات مربوط به تاریخ  پس از پشتیبانی مرورگرها از این نسخه دیگر نیاز به نوشتن  خام تاریخ نیست و  با  استفاده از این کد :

input type=date

می توان  یک پاپ آپ به صورت پیش فرض در مرورگر داشت که به سادگی از درون این پنجره کوچک تاریخ مورد نظر را تعیین کرد

یاحتی می توان فاصله زمانی را با استفاده از کد :

input type=range

حتما تا اینجا از راحتی کار برای طراحان لذت بردید اما برای عموم استفاده کنندگان هم راحت تر خواهد بود که  طراحان از این نسخه استفاده کنند .

بدون هیچ نیازی به پلاگین خاص می توان  ویدئو ها  را نمایش داد  ( مثال )   و یا  اشیاء صفحه سایت را کشید و در جایی دیگر رها کرد   و  خیلی  امکانات دیگر که نیاز به پلاگین خاصی ندارد

مطمئنا با  معرفی بیشتر خصوصیات HTML5 مقالات کامل تری در این باب خواهیم نوشت .

منبع :

http://en.wikipedia.org/wiki/Html5#cite_note-1

2- http://html5demos.com

3- http://24ways.org/2009/html5-tool-of-satan-or-yule-of-santa

مقالات پیشنهادی در این مورد :