مجله آموزشی آقای نرم افزار

مقالات به روز و کاربردی برای افزایش سطح دانش شما

HTML5 چیست

HTML5 چیست

HTML5 چیست؟

HTML5 جدیدترین نسل از زبان طراحی سایت است که مخفف شده ی hyper text market  میباشد و مورد تایید کنسرسیوم شبکه جهانی اینترنت W3C می باشد.اگر شما شناختی نسبت به HTML5 ندارید و یا دنبال تکمیل کردن اطلاعات خود هستید بهتر است این مقاله را دنبال کنید.

مقدمه ای بر HTML5

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

در ذیل برخی از اصلاحات مهم HTML5 آورده شده است :

۱- ساختار ساده و سراست تر عناصر که باعث شد طراحی ، عیب یابی ، ساخت آن ها آسان تر شود.

۲- فراهم کردن عناصر استاندارد برای object های معمولی مانند صدا و تصویر که نیاد به نصب افزونه های مختلفی داشت.

۳- ادغام کردن با رابط های کاربری برای کارکرد بهتر وب سایت های مدرن و وب سایتهای موبایلی که به عنوان مثال میتوان فعال ردم قابلیت مکان یابی GPS را در مرورگر بدون استفاده از افزونه بیان کرد.

HTML5 باعث این شده که سرعت بسیار بهبود یابد .به عنوان نمونه سایت یوتیوب زمانی که میروید نیاز به نصب افزونه و سرعت کند مرورگر آزار دهنده نیست و امنیت افزایش پیدا کرده است.

تاریخچه HTML5

HTML که ما امروزه از آن استفاده میکنیم و میشناسیم نسخه ی HTML4 است که ابتدای سال ۱۹۹۷ منتشر شده است، به این معنی است که شما ۱۵ سال است که از HTML4 استفاده میکنید.میتوان این را گفت که از سال ۱۹۹۱ که وب پدید آمده است HTML5 آخرین نسخه ز استاندارد های وب و W3C میباشد.

اولین نسخه از HTML در ابتدای سال ۱۹۹۳ ساخته شد و استانداردهای عمومی آن مورد موافقت همگان قرار گرفت، شما میتوانید پروسه ی تکامل HTML را در زیر ببینید:

  • HTML 2.0: 1995
  • HTML 4.0: 1997
  • HTML 4.01: 2000
  • HTML 5: 2014

اهداف HTML5

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

  • امکانات جدید باید بر پایه HTML، CSS، DOM و javascript بوده و همخوانی لازم را داشته باشد.
  • نیاز به افزونه های خارجی و جانبی مانند فلش تا حد امکان کاهش یابد.
  • رفع مشکلات و ارورها در HTML5 از نسخه های پیشین راحت تر باشد.
  • استفاده از اسکریپت در کدنویسی این زبان با نشانه گذاری جایگزین شود.
  • HTML5 باید مستقل از دستگاه باشد و بر روی هر توع کامپیوتر و گجتی قابل استفاده باشد.
  • مراحل پیشرفت و بروزرسانی آن متن باز و در اختیار عموم باشد.

المان های جدید در HTML5

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

  • <header> برای هدر سایت
  • <footer> برای بخش فوتر سایت
  • <nav>  برای تمامی منو های سایت
  • <aside>   برای ستون های کناری سایت
  • <article>  برای زمانی که محتوا بصورت بلاگ باید در صفحات درج شود
  • <section>  شبیه به div است اما بیشتر مبتنی بر محتواست
  • <audio> and <video>   پخش فایلهای صوتی و تصویری
  • <canvas>  امکان طراحی المان های گرافیکی با استفاده از یک زبان اسکریپت نویسی مجزا
  • <embed>  جای گذاری محتوا یا اپلیکیشن خارجی در صفحه

شما میتوانید جای گذاری بخش ها را در عکس زیر ببینید

HTML5 چیست

در ادامه برخی از امکانات پیشرفته HTML5 را خواهید دید :

  • پخش فایلهای صوتی و تصویری بدون نیاز به پلاگین
  • مکان یابی محل بازدیدکنندگان
  • امکان کشیدن فایلها به داخل مرورگر برای آپلود آنها
  • پشتیبانی از مشاهده سایت های HTML بصورت آفلاین با استفاده از Application Cache
  • اجرای جاوا اسکریپت در پشت صحنه
  • فراهم کردن امکان برای سرور ها ها تا بتوانند صفحات مرورگر را که قبلا لود شده اند را آپدیت کنند،این امکان بسیار کارآمدتر از Ajax خواهد بود
  • ذخیره داده ها بصورت آفلاین، با این ویژگی بدون وابستگی به Cookie داده ها بصورت لوکال در مرورگر ذخیره می شوند.

HTML5 آینده وب است و مطمئنا مسیری را که ما برای دیدن اینترنت طی می کنیم دگرگون خواهد کرد. حتی با وجود ذات محدود HTML4 ، طراحان وب سایت وب سایت های بسیار خوبی ایجاد کرده اند با این حال خواهیم دید HTML5 چه انقلابی در آینده وب ایجاد خواهد کرده است.

مطالب مرتبط با این موضوع