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

زبان HTML5 چیست به همراه معرفی تگ های معنایی در زبان HTML5

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

زبان HTML5 چیست ؟

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

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

  1. ساختار ساده تر و سر راست تر عناصر که باعث می شود ساخت،طراحی سایت html5،تنظیم و عیب یابی آن ها آسان تر شود.
  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

به شما پیشنهاد می کنیم مقاله ما را برای کسب اطلاعات بیشتر در حوزه زبان HTML چیست مطالعه نمایید.

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

خلاصه ای از اهداف زبان HTML5 چیست ؟

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

اگر با زبان های برنامه نویسی از قبیل html5 , css3 , js , …. آشنا نیستید به شما پیشنهاد می شود از سرویس سایت ساز ایران هاست یا

 

خلاصه ای از اهداف زبان HTML5 چیست

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

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

منظور از امکانات جدید تگ های html5 چیست ؟

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

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

منظور از امکانات جدید تگ های html5 چیست ؟

المان های جدید یا تگ های معنایی در زبان HTML5 چیست ؟

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

معرفی تگ های معنایی در زبان HTML5

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

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

معرفی تگ های معنایی در زبان HTML5

منظور از امکانات پیشرفته در HTML5 چیست ؟

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

HTML5 زبان نشانه‌گذاری markup language آینده وب است و مطمئنا مسیری را که ما برای دیدن اینترنت طی می کنیم دگرگون خواهد کرد. حتی با وجود ذات محدود HTML4 ، طراحان وب سایت وب سایت های بسیار خوبی ایجاد کرده اند با این حال خواهیم دید HTML5 چه انقلابی در آینده وب ایجاد خواهد کرد.امیدواریم با خواندن این مقاله با مفهوم html5 چیست آشنا شده باشید.

 

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

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

نیما حسن زاده

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

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

‫۲ نظرها

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

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

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