22019286مشاوره رایگان طراحی سایت
آشنایی با زبان HTML5

آشنایی با زبان HTML5

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 آشنا کنیم.

Review: 5 - "آشنایی با زبان HTML5" by , written on 10/06/2013

HTML5 چیست؟ HTML5 جدیدترین نسل از زبان hyper text market مورد استفاده در طراحی سایت بوده و مورد تایید کنسرسیوم شبکه جهانی اینترنت یا همان W3C می باشد. پیشنویس اولیه آن در سال 2008 ارائه شد ولی تا 2011 تغییرات خاصی در آن اعمال نشده

پرسش و پاسخ تکمیلی سوال شما توسط کارشناسان وبسیما پاسخ داده شده و از طریق پیامک اطلاع رسانی میشود
1 Star2 Stars3 Stars4 Stars5 Stars
10
  • سعید

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

    29/09/2014پاسخ...
    • وب سیما

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

      29/09/2014پاسخ...
  • mohammad

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

    17/08/2014پاسخ...
  • طراحی سایت

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

    03/08/2014پاسخ...
  • مصیبی

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

    29/06/2013پاسخ...
    • وبسیما

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

      03/07/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 و تاثیر آن بر سئو

      11/06/2013پاسخ...
      • امیر امامی

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

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

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

          22/06/2013
ورود رمز عبور خود را فراموش کرده اید؟
ارسال قبلا ثبت نام کردید؟
ثبت نام قبلا ثبت نام کردید؟