آموزش اشتباه رایج در استفاده از HTML5

آموزش اشتباه رایج در استفاده از HTML5

در این پست از وبسایت پرووید در رابطه با آموزش اشتباه رایج در استفاده از 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، برنامه نویس مجبور بود که کنترلهای مربوط به یک فرم را درون تگ <form></form> قرار دهد در صورتی که این موضوع با اضافه شدن یک attribute به تگ ها با نام form حل شده است. با استفاده از این موضوع به راحتی می توان کد زیر را نوشت:

<form action="demo_form.asp" id="form1">

First name: <input type="text" name="fname"><br>

<input type="submit" value="Submit">

</form>

Last name: <input type="text" name="lname" form="form1">

در این کد، دیده می شود که input آخر بیرون از form تعریف شده است ولی با استفاده از ویژگی form مشخص کرده است که متعلق به form1 است. داده ی درون این input هم در submit شدن فرم به طرف demo_form.asp فرستاده می شود. در مورد این قابلت هم در بسته ی آموزش ویدئویی HTML5 صحبت کرده ایم.

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

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

مرتضی گیتی
بدون نظر

ارسال نظر

نظر
نام
ایمیل
وب سایت