آشنایی با HTML5

در این بخش سعی دارم به مرور شما را با دستورات HTML5 آشنا کنم! البته ابتدا یک تاریخچه مختصر از اینکه HTML5 از کجا آمده است به شما ارائه خواهم کرد توجه داشته باشید تمامی مباحث آموزشی بر اساس دروس W3C ارائه می شوند بنابراین می توانید با خیال راحت به آنها اعتماد کنید خب با این حساب طراحی را آغاز می کنیم.

HTML5 از کجا آغاز شد؟

درواقع HTML5 همکاری بین کنوانسیون طراحی وب (W3C) و WHATWG ( Web Hypertext Application Technology Working Group ) می باشد. W3C برروی XHTML 2.0 کار می کرده است و WHATWG بر روی فرم ها و برنامه های تحت وب کار می کرده است تا اینکه تصمیم گرفتند بر روی یک زبان برنامه نویسی تحت وب به صورت مشترک کار کنند. خب بهتره به جای ترجمه سایت W3C بریم سراغ اصل مطلب

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

 

< !DOCTYPE html >
< html >
< head >
< title >Title of the document< /title >
< /head >
< body >
Content of the document......
< /body >
< /html > 
 

ویژگی های جدید در HTML5 :

  • استفاده از تگ <canvas> برای طراحی المان های 2 بعدی
  • بهره مندی از تگ های <audio> و <video> برای پخش انواع رسانه
  • استفاده از تگهای مختلف جهت جداسازی محتوای صفحات همانند <article> ، <footer> ، <header> ، <nav> ، <section>
  • استفاده از کنترلرهای متفاوت برای فرم ها  همانند calendar ، date ، time ، email ، url ، search

 

هماهنگ سازی با مرورگرها :

اگر بخوایم هماهنگ بودن HTML5 را به این معنی که در کامپیوتر اکثر افراد قابل مشاهده است بررسی کنیم باید به شما بگم که فعلاً خیلی زود هست!!! حتی در سایت W3C هم به این نکته اشاره شده است که HTML5 هنوز تبدیل به یک استاندارد رسمی برای طراحی صفحات وب نشده است ، با این حال تمامی مرورگر های معروف و پراستفاده همانند کروم ، سافاری ، فایرفاکس ، اپرا و اینترنت اکسپلورر هر روز در حال به روزرسانی مرورگرهای خود هستند پس باید آماده بود

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

ناحیه کاربری