در این پست از وبسایت پرووید در رابطه با پنج اشتباه رایج در استفاده از HTML5 صحبت خواهیم
کرد. همانطور که می دانید به عنوان یک Web Developer داشتن مهارت در HTML بسیار ضروری است.

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

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

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

اعتماد به Local Storage در HTML5

در اوایل کار دنیای اینترنت، وب سایت های مختلف اغلب داده هایی را بر روی سیستم کاربر ذخیره
می کردند. این داده ها از طریق Cookie ها ذخیره می شدند و مشکلی را بوجود می آوردند. هر چند که استفاده کردن از Cookie
ها می توانست قابلیت های زیادی را داشته باشد ولی مشکلات متعددی را نیز ایجاد می کردند.

یکی از ویژگی های جدید در HTML5 قابلیت Web Storage می باشد. این قابلیت که در دو نوع Local
Storage و Session Storage معرفی شد، جایگزینی برای Cookie ها می باشد. استفاده کردن از این قابلیت خیلی بهتر از استفاده
کردن از Cookie ها می باشد. در واقع، علی رغم Cookie ها، داده های Web Storage بر روی نت منتشر نمی شوند. در آموزش HTML5 و طراحی وب در رابطه با این قابلیت صحبت کرده ایم.

یکی از موضوعات مهم در استفاده از این قابلیت این است که داده های ذخیره شده توسط Web
Storage رمزنگاری نمی شوند. بنابراین، برای ذخیره ی داده ها امنیتی و حساس اصلاً گزینه ی مناسبی نیستند. یک کاربر به
راحتی می تواند به داده های ذخیره شده توسط Web Storage سیستمش دسترسی پیدا کند و آنها را تغییر دهد.

بنابراین، در استفاده کردن از قابلیت Web Storage در HTML5 حساسیت بیشتری به خرج دهید و
برای ذخیره کردن داده های حساس از آن استفاده نکنید.

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

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

با تمام این قابلیت ها، هنوز هم مشکلاتی در سازگاری بین مرورگرهای مختلف وجود دارد. از آغاز
کار، مرورگرهای مختلف تگ های HTML را به صورت های مختلف تفسیر می کردند و به نمایش در می آوردند. این موضوع هنوز هم در
HTML5 به قوت خود باقی است. به عنوان مثال، انیمیشن ها که یکی از قابلیت های جدید HTML5 هستند فقط در مرورگر کروم و
اوپرا پشتیبانی می شود، و یا مثلاً قابلیت Web Notification که به منظور با خبر کردن کاربر از رخ دادن اتفاقی بیرون از
page جاری هست (به عنوان مثال رسیدن یک ایمیل) در اینترنت اکسپلورر پشتیبانی نمی شود.

بنابراین، به عنوان یک توسعه ی دهنده ی تحت وب می بایست مسائل سازگاری بین مرورگرها را حتی
با HTML5 در نظر بگیرید و سعی کنید که به منظور به حداقل رساندن مشکلات احتمالی، راهکارهایی را عملی کنید.

انتظار کارایی بالا داشتن

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

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

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

دسترس پذیری محدود

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

متاًسفانه، HTML5 کمتر این موضوع را در نظر گرفته است. در ساخت برنامه های تحت وب توسط
HTML5 شاید نیاز داشته باشید که از تکنولوژی های اضافی به منظور افزایش سطح دسترس پذیری وبسایت خود استفاده کنید.

عدم استفاده از قابلیت های جدید HTML5

همانطور که قبلاً گفته شد، HTML5 دارای ویژگی های بسیار زیادی می باشد که اغلب توسط برنامه
نویسان و توسعه دهندگان در نظر گرفته نمی شوند. بسیاری اوقات دیده شده که برنامه نویسان با وجود در دسترس بودن این
قابلیت ها هنوز هم سعی در استفاده کردن از کدهایی را دارند که در ورژن های قبلی HTML استفاده می کردند.

به عنوان مثال، در HTML5 به راحتی می تواند موضوع client-side validation را پیاده سازی
کرد. با استفاده از این قابلیت، داده های کاربر در مرورگر وی و قبل از ارسال آنها به سمت سرور اعتبارسنجی می شوند. با
وجود این قابلیت، بسیاری از توسعه دهندگان هنوز هم از جاوا اسکریپت برای این کار استفاده می کنند. البته این موضوع می
تواند به دلیل حفظ سازگاری با نسخه های قبلی باشد ولی این موضوع توجیه خوبی نیست. چرا که به راحتی می توان از هر دوی این
قابلیت ها (HTML و جاوا اسکریپت) در کنار هم استفاده کرد.

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

قرار دهد در صورتی که این موضوع با اضافه شدن یک attribute به تگ ها با نام form حل شده است. با استفاده از این
موضوع به راحتی می توان کد زیر را نوشت: