HTML5 چیست؟

HTML5 جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد. پیشنویس اولیه آن در سال 2008 ارائه شد ولی تا 2011 تغییرات خاصی در آن اعمال نشده بود. در سال 2011 HTML5 بصورت رسمی منتشر شد و از آن روز مورد استفاده برنامه نویسان قرار گرفت ولی در ابتدا مرورگرهای کمی این زبان جدید را پشتیبانی میکردند. امروزه تمام مرورگرهای اصلی مانند کروم، سافاری، فایرفاکس و اینترنت اکسپلورر زبان کدنویسی HTML5 را پشتیبانی میکنند و امکان استفاده از تمام ظرفیت های آن فراهم شده است.
HTML5 در حال حاضر با CSS3 همراه بوده و هنوز درحال توسعه و پیشرفت است، W3C در نظر دارد سال 2014 نسخه نهایی و کامل آن را عرضه کند ولی با توجه به امکانات و توانایی هایی که هر روز به آن افزوده میشود به نظر میرسد که میتوان آینده دورتر و بهتری برای آن متصور شد.
تهیه و انتشار HTML5 با اهداف مشخصی صورت گرفت که مهمترین آنها عبارتند از:

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

ظاهر اصلی لوگوی HTML5

آنچه در مورد HTML5 باید بدانیم

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

آموزش HTML5 را ازکجا شروع کنیم؟

زبان HTML5 را نمیتوان در یک مقاله کوتاه آموزش داد، دو راه برای یادگیری آن وجود دارد یا باید یک کتاب مناسب پیدا کنید و یادگیری با مطالعه را شروع کنید یا دل را به دریا بزنید و کار با آن را در عمل بیاموزید. ما هر دوروش را به شما پیشنهاد میدهیم یادگیری HTML5 و CSS3 از اینترنتو اجرای دستورات مختلفی که پیدا میکنید سرعت یادگیری شما را افزایش میدهد و در کنار آن مطالعه یک منبع مناسب مفاهیم پایه را به شما می آموزد که در اینترنت کسی به آنها نمیپردازد.
اگر شما آشنایی کافی با نسخه 4 را داشته باشید در مدت دو تا 3 هفته و مطالعه یک کتاب مناسب میتوانید مهارت های جدید HTML5 را از روی کتاب یاد بگیرید و پس از آن با تمرین بیشتر و آزمون و خطا بر آن مسلط خواهید شد.
یکی از بهترین منابع آنلاین برای یادگیری HTML5 بخش آموزش سایت W3C است با عنوان : W3C HTML5 Introduction.

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

پاسخ‌گوی سوالات شما هستیم سوال شما توسط کارشناسان وبسیما پاسخ داده شده و از طریق پیامک اطلاع رسانی می‌شود
نام و نام خانوادگی نام و نام خانوادگی به فارسی
آدرس ایمیل sample@domain.com
تلفن همراه 09 XX XXX XXXX
متن نظر
ثبت دیدگاه
  • سعید
    29/09/2014

    با عرض سلام و خسته نباشید می خواستم سایتی طراحی کنم خواستم شما هم مرا راهنمایی کنید در مورد درامد ش مزایا و معایب هایش من راآگاه کنید

    • وب سیما
      29/09/2014

      سلام دوست عزیز، لطفا اطلاعات بیشتری در مورد کاری که قصد دارید انجام بدید ارائه کنید که بشه نظر دقیق تری داد.

  • mohammad
    17/08/2014

    بسیار مفید بود.

  • طراحی سایت
    03/08/2014

    سایت خیلی خوبی دارین موفق باشین

  • مصیبی
    29/06/2013

    مطلبتون خیلی آموزندست ،ممنونم ازتون

    • وبسیما
      03/07/2013

      خواهش میکنم. شما تا چه حد با زبان HTML آشنایی دارید؟ میخواید تازه شروع کنید یا کدنویسی میکنید؟

  • امیر امامی
    11/06/2013

    سلام خسته نباشید
    من ی سوال داشتم درباره تگ H
    مثلا این مطلب رو ببینید
    http://www.7zero-fa.blogspot.ca/2012/03/blog-post_8519.html
    خودش از ۱۰ آیتم تشکیل شده. سرتیترهارو من نارنجی و بزرگ تر نوشتم.
    جدیدا سایت زدم. حالا که می خوام مطلب رو تو ادیتورش بنویسم، ی قسمت داره که فرمت رو مشخص می کنه. مثلا سرنویس ۱، ۲، ۳، ۴، ۵ و بند و معمولی و….
    من الان مثل همین بلاگم باید سایز این سرتیترامو بزرگ کنم یا باید سرنویس رو انتخاب کنم برای ۱۰ آیتمم؟ کدوم نوع سرنویس؟۱تا۵؟ آیا محدودیتی وجود داره که تو یک مطلب چند تا تگ هدر باشن؟ برای سئو می پرسم. ممنون ازت.

    • وبسیما
      11/06/2013

      سلام ممنون.
      چیزی که شما تو بلاگتون دارید فقط تغییر رنگ و سایز متن به حساب میاد و استفاده درست از تگ های HTML5 نیست. روباتهای گوگل متوجه تفاوت ارزش تیترها از متن شما نمیشن. باید از همون سرنویس های 1 و 2 و… یا همون تگ های HTML استفاده کنید.
      توی هر مطلب بیش از یک تگ h1 استفاده نکنید ولی بقیه محدودیتی نداره. فقط در نظر داشته باشید که ترتیبشون رعایت بشه مثلا بعد از h1 تگ h2 استفاده کنید نه h3 و به همین ترتیب ادامه بدید. بین تگ های HTML مهمترین ها همون h1 و h2 هستند که حتما توی مطلب قرار بدید و کلمات کلیدی تون رو داخلش بیارید. بقیه اهمیت کمتری دارند.
      برای همه 10 آیتم توی این مطلب h2 بذارید و عنوان اصلی رو هدر h1. اگر بخشی بود که خودش بخش های کوچکتری داخلش بود برای عنوان اونها هدر h3.
      البته هدف این مقاله بیشتر آشنایی با زبان HTML5 بوده و پیشنهاد میکنم که این مقاله رو به دقت مطالعه کنید: تگ های HTML و تاثیر آن بر سئو

      • امیر امامی
        20/06/2013

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

        • وبسیما
          22/06/2013

          خواهش میکنم، به اندازه تگ H اهمیت نداره ولی رعایتش فهم ساختار نوشته رو برای موتور جستجو بهتر و راحتتر میکنه. همچنین به خودتون امکان استفاده از CSS برای ظاهر نوشته رو میده.

مشاهده همه