HTML5 چیست ؟

طراحی سایت با HTML5 ,طراحی سایت مدرن,طراحی سایت به سبک HTML5| 02144050905

طراحی سایت با HTML5 ,طراحی سایت مدرن,طراحی سایت به سبک HTML5

  • بهینه سازی و سئو طراحی سایت
  • سنادیتا ارئه دهنده موفقیت نهایی در طراحی سایت

حتما اسم HTML5 به گوشتون خورده که قراره تغییرات زیادی تو وب ایجاد کنه و کلی ابزار و امکانات جالب و خفن داره!
تعریف HTML5 به نقل از ویکی پدیا : HTML5 به عنوان نسخه جدید زبان نشانه گذاری ابرمتن برای ایجاد صفحات وب گسترش داده شده است. اولین بار در ژوئن 2004 بحث برای ایجاد نسخه جدیدی از زبان نشانه گذاری HTML آغاز شد و در فوریه 2010 نسخه های تقریبا نهایی ، از این استانداردها ایجاد شدند.

خوب! حالا این نسخه جدید چه چیز هایی داره؟
برای آشنایی با قدرت HTML5 می تونید به سایت html5rocks که در اینجا درموردش گفته بودیم ، یه نگاهی بندازید.
اگه مرورگر سافاری 5 یا گوگل کروم 6 روی سیستمتون دارین، به صفحه HTML5 در سایت اپل برید تا قابلیت های HTML5 که در موتور Webkit پشتیبانی میشن رو ببینید.
+ میتونید نمونه های استفاده از HTML5 رو در سایت html5demos ببینید icon smile برای HTML5 آماده شوید!

HTML5 قرارنیست جای HTML4 رو بگیره، همونطورکه XHTML1 به طور کامل جای HTML4 رو نگرفت.
در واقع یه طراح وب این اختیاررو داره که از نسخه HTML دلخواهش استفاده کنه icon cool برای HTML5 آماده شوید!

Doctype

در نسخه های قبلی این تگ Doctype یکم طولانی بود که در نسخه جدید کوتاه شد:

HTML 4.1 Strict:

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 5:

< !DOCTYPE HTML>

Syntax

در strict XHTML حتما باید از حروف کوچک برای تگ ها استفاده کنیم، از کوتیشن استفاده کنیم و حتما تگ هایی مثل meta, input, img رو با اسلش ببندیم:

 

my picture

 

ولی تو HTML5 می تونیم موارد بالا رو رعایت نکنیم:

 

I AM A CAPITAL DIV!! ha ha!

We are All HTML5 Valid!

 

 

Sections

برای بخش بندی صفحه تگ های جدیدی معرفی شده که قراره هم کار کدنویس رو راحت کنه و هم کار موتور های جستجو رو!
چرا که با این تگ ها ، بخش های مختلف صفحه، مثل هدر ، ستون ، محتوا و… کاملا مشخص میشه icon wink برای HTML5 آماده شوید!

 

– منوی سایت
– ستون
– بخش مربوط به محتوا
– هدر
– فوتر
– محتوای اصلی / مقاله

 

قالب بندی صفحه در نسخه های قبلی HTML:

structure div برای HTML5 آماده شوید!

قالب بندی صفحه در HTML5:

structure html5 برای HTML5 آماده شوید!

فرم ها در HTML5:

برای تگ Input مقادیر Type جدیدی معرفی شده:

 

 

 

– یک تقویم برای انتخاب تاریخ
– یک فیلد برای آدرس وب
– یک فیلد برای آدرس ایمیل
– یک نوار اسلاید ایجاد میکند
– یک فیلد برای وارد کردن عدد به همراه 2 فلش کوچک برای کاهش و افزایش
– یک فیلد برایمتن معمولی
– یک دکمه ثبت معمولی
– یک فیلد برای انتخاب فایل

مثلا نوع date این تقویم رو برای انتخاب تاریخ نمایش میده:

برای HTML5 آماده شوید!

خاصیت required برای فیلد ها:
با این خاصیت مشخص می کنیم که فیلد مورد حتما باید تکمیل بشه تا فرم کار کنه:

 

datalist

برای ایجاد لیست کشویی:

 

multiple

انتخاب چند فایل برای آپلود:

 

pattern

برای تعیین محتوای وارد شده ؛ مثلا اگه بخوایم فقط اعداد از یک تا نه وارد بشن:

 

تصویر نمونه از فیلدهای فرم در HTML5:

برای HTML5 آماده شوید!

Canvas Element

ایشون (Canvas) یکی از امکانات فوق العاده HTML5 ه که میتونه به طورمستقیم گرافیک رو درصفحه ایجاد کنه.

 

html canvas banner برای HTML5 آماده شوید!

نمونه های استفاده از Canvas :

پاشیدن نور +
بازی سه بعدی + + +
بازی 2 بعدی + +
سیاره زمین سه بعدی +
ماشین حساب +
نقاشی و ایجاد گرافیک + + + + +
ساعت +
نمونه های بیشتر از استفاده Canvas در HTML5

Web Storage

ایده Web Storage که در HTML5 معرفی شد ، این امکان رو میده که نرم افزار های آنلاین برای ذخیره موقت داده های شما، دیتابیس های محلی بر روی کامپیوتر شما ایجاد کنند icon smile برای HTML5 آماده شوید! یعنی شما میتونید از نرم افزار های تحت وب ، آفلاین استفاده کنید!

Embedded Videos

با این ویژگی ، فایل های ویدیویی به طور مستقیم درصفحه قرار میگیرن و برای نمایش به Flash Player و Silverlight و Quicktime نیازی نیست!

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

 

 

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

 

  • طراحی سایت کارخانجات
  • طراحی سایت کودکان
  • طراحی سایت گالری
  • طراحی سایت گردشگری
  • طراحی سایت لباس و کیف و کفش
  • طراحی سایت مجله اینترنتی
  • طراحی سایت مدرسه
  • طراحی سایت مراکز تجاری
  • طراحی سایت مرتبط با حیوانات
  • طراحی سایت نمایشگاهی
  • طراحی سایت هتل و اماکن اقامتی
  • طراحی سایت تبلیغاتی

 

RSS

آرشیو

بازدید روز

۴۴۷

بازدید دیروز

۳۹۱۴

بازدید ماه

۱۰۰۰۹۵

بازدید کل

۱۶۷۳۵۷۲

افراد آنلاین

۱۲

نام سايت: sanadata.com
الکسای جهانی :۱۴۰۴۱۵
میزان تغیرات :+۱۹۲۴۸
الکسای ایران :۳۲۴۵

1  
2 A B C
3 D E F
4 G H I
5 J K L
5 J K L
6 M N O
7 P Q R S
8 T U V
9 W X Y Z
*
0 +
0 +
0 +
0 +
#

آدرس دفتر مركزی :

تهران - فلکه دوم صادقیه - ابتدای خیابان آیت ا... کاشانی - جنب درمانگاه ابن سینا - مجتمع سبحان - طبقه 6 - واحد 33

ساعت کار شرکت از ساعت 9 الی 17

واحد فروش - خانم راد :     02144050905

واحد آموزش - خانم لطفی  :     02144048747

کلیه حقوق مادی و معنوی این وب سایت برای شرکت سنارایانه یکتا محفوظ می باشد.