html illustration copy - HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد

HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد

HTML5 چه امکاناتی در اختیار ما قرار میدهد ؟

در این مقاله (چرا html5) از هنرجو قصد معرفی html5 را داریم و برتری های آن نسبت به نسخه های قبلی ، معرفی تکنولوژی های جدیدی که همراه با خود آورده و مشکلاتی که حل کرده و وابستگی به تکنولوژی ها و زبان های دیگری را رفع کرده و قابلیت های جدید و تگ های جدید که با خود آورده است .

چرا html5

HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد | آموزش طراحی سایت تبریز هنرجو

 

  • با آمدن html5 انقلابی در طراحی وب بوجود آمد که نشان بر قدرتمند بودن آن دارد.
  • خیلی از وابستگی ها به افزونه ها کنار زده شد.
  • تکنولوژی هایی ارائه داد که برای انجام آنها نیاز به استفاده از js و ajax داشتیم که آن نیاز ها را رفع کرد .
  • قابلیت دستیابی به بخش های مختلف در صفحه :
    تگ های جدیدی که در html5 ارائه شد بار معنایی دارد و صفحه ی ما از لحاظ معنایی بهبود خواهد داشت.

این کار موجب درک راحت و کاوش راحت موتورهای جستجو خواهد شد که منجر به افزایش seo ما خواهد شد.

  • ویدیو و صدا
    وابستگی به افزونه های flash و js در این زمینه از بین رفت.
  • ِDTD
  • توسعه بازی های تحت وب
  • سازگاری با تمام مرورگر ها ازجمله مرورگر های گوشی
  • smart storage

لیست جزییات و تغییرات که در html5 ارائه شد :

۱٫ تگ های جدید در html5 (تگ های معنایی) :

 HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد | آموزش طراحی سایت تبریز هنرجو

  • section
  • article
  • aside
  • header
  • footer
  • nav
  • dialog
  • figure
  • summary
  • detail

۲٫ نوع های جدید در html5 به اصطلاح data type :

  • color
  • datalist
  • data
  • email
  • datatime
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

که وابستگی به js در این زمینه را تقریبا از بین برده است.

۳٫ نمایش عبارات ریاضی

در این html برای نمایش عبارات ریاضی مجبور به استفاده از تصاویر بودیم که به نوبه خود تاثیر نامطلوبی در سرعت لود صفحه داشتند.

۴٫ عناصر گرافیکی

HTML5 ، تکنولوژی و امکاناتی که ارائه میدهد | آموزش طراحی سایت تبریز هنرجو
جهت رسم تصاویر وکتور | تصاویری بر برداری هستند (بدون پیکسل) که در صورت بزرگ و کوچک شدن افت کیفیت نخواهند داشت.
  • canvas
  • svg

۵٫ ویدیو و صدا

۶٫ تکنولوژی Drag and Drop

۷٫ GeoLocation

که قادر خواهیم بود موقعیت جغرافیایی کاربر را بدست بیاوریم و از آن استفاده کنیم .

۸٫ Local Storage

برای ذخیره سازی داده در مرورگر کاربر

۹٫ web worker

زمانی که یک کد سنگین js در مرورگر ما اجرا میشود و باعث کرش شدن یا به اصطلاح هنگ کردن مرورگر میشود ، مرورگر درخواست stop work آن اسکریپت را میدهد .

ولی در html5 با استفاده از این تکنولوژی قادر خواهیم بود کد js خود را به این تکنولوژی بدیم و آن را در پسزمینه اجرا کند بدون سنگین شدن مرورگر.

۱۰٫ server sent event

قادر خواهیم بود بدون اجازه کاربر صفحه وب را رفرش و بروزرسانی کنیم.

۱۱٫ webSql

 

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

همچنین در صورت تمایل منبع معتبر و بروز همراه با مثال که میتونید برای یادگیری ازش در این زمینه استفاده کنید : w3schools


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

☎ تلفن تماس ( ثابت ) : ۳۵۵۹۵۲۸۹-۰۴۱

☎ تلفن تماس ( مدرس ) : ۰۹۱۴۶۶۷۴۰۸۰

☎ تلفن تماس ( روابط عمومی ) : ۰۹۱۹۸۱۲۱۷۳۱


منبع : هنرجو | hoonarjo.com

دیگر مقالات مفید سایت آکادمی هنرجو:

 

نوشتن نظر

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *