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

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

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

چرا html5

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

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

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

لیست جزییات و تغییرات که در 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

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

☎ تلفن تماس ( مدرس ) : ۰۹۱۴۲۳۹۳۱۰۱

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

منبع : مدرسه کد نویسی