طراحی وب سایتنکاتی که بایستی در مورد زبان برنامه نویسی بدانید

HTML5 چیست

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

مفدمه ای بر HTML5

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

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

  1. ساختار ساده تر و سر راست تر عناصر که باعث می شود ساخت،طراحی،تنظیم و عیب یابی آن ها آسان تر شود.
  2. فراهم کردن عناصر استاندارد برای object های معمول و پیش پا افتاده که در نسخه قبلی نیاز به نصب افزونه های مختلف داشتند، مانند صدا . تصویر.
  3. ادغام با رابط های کاربری برای کارکرد بهتر وب سایت های مدرن و وب سایت های موبایلی. به عنوان مثال فعال کردن قابلیت مکان یابی GPS در مرورگر که به شما مکان مشاهده موقعیت مکانی بازدیدکننده را می دهد.

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

اگر شما طراح وب سایت هستید، HTML5 کارتان را بسیار ساده تر می کند.

تاریخچه HTML5

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

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

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

اهداف HTML5

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

خلاصه ای از اهداف HTML5:

  • حذف افزونه هایی مانند FLASH برای امکانات رایجی که هر کسی بدان نیاز دارد، و فراهم کردن پشتیبانی از آیتم های مانند صدا و تصویر
  • کاهش نیاز به جاوا اسکریپت و کدهای اضافی با استفاده از المان های جدید
  • ایجاد سازگاری بین مرورگرها و دستگاه های مختلف
  • تمامی این کارها تا حد امکان بصورت پنهانی انجام شود.
  • ارایه قابلیت Cross Platform : با این قابلیت مهم نیست که دستگاهی که از آن برای دیدن وب سایت ها استفاده میکنید یک گوشی تلفن همراه است یا کامپیوتر رومیزی ویا حتی یک تلویزیون هوشمند

 

23

فروشگاه ساز ایران‌هاست
یک راه حل آسان، سریع و کاربردی
برای ورود به فضای آنلاین

فروشگاه آنلاین راه اندازی کنید

امکانات جدید در HTML5

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

در تصویر ذیل می توانید گستردگی قابلیت های HTML5 را مشاهده کنید :

3333

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

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

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

در تصویر ذیل می توانید محل قرار گیری این المان ها را مشاهده کنید :

sdfsdf

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

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

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

 

به این نوشته امتیاز دهید
[Total: 0 Average: 0]

با کارت بانکی باشگاه ایران هاست پولتان به حسابتان باز می گردد.

همین حالا رایگان عضو شوید

نیما حسن زاده

در IT قله های زیادی هست که هنوز فتح نشده اند . . . | مدیر سرور ایران هاست ، کارشناس ارشد مدیریت فناری اطلاعات، کارشناس مهندسی فناوری اطلاعات

نوشته های مشابه

دیدگاهتان را بنویسید

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

دکمه بازگشت به بالا
بستن
بستن