در جلسه سوم دوره آموزش طراحی سایت، اچ تی ام ال و سی اس اس برای شما معرفی و کاربرد تگ های html 5 تدریس شده است.

اچ تی ام ال و سی اس اس چیست؟

اچ تی ام ال و سی اس اس زبان های برنامه نویسی تحت وب محسوب میشوند. زبان های برنامه نویسی تحت وب به دو قسمت سمت سرور و سمت کاربر تقسیم می شوند. در شکل زیر نموداری در این خصوص را مشاهده می نمایید.

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

 

آموزش طراحی سایت HTML,CSS

دوره ی تهیه شده توسط تیم هیرکانا از لحاظ کیفیتی بسیار با کیفیت بوده و سعی شده است که همه نکات حائز اهمیت چه از لحاظ برنامه نویسی و چه از لحاظ seo سئو ذکر شود.

 

 

آموزش html 5

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

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

 

تگ های html 5

تعداد تگ های html5 به خودی خود کم نمی باشد. اما ما در اینجا چند تگ مهم را برای شما ذکر میکنیم:

article , aside , details , summary , dialog , figure , section , footer , header , nav , mark , mater , progress , time

 

در قسمت پایین شما میتوانید این ویدئو را تماشا کنید