معرفی HTML5 برای طراحی وب سایت

معرفی HTML5 برای طراحی وب سایت

HTML5  یک زبان نشانه گذاری برای توصیف اسناد وب (صفحات وب) است و از مجموعه ای از عناصر (elements) و برچسبها (tags) ساخته شده است که به عنوان دستورالعمل هایی استفاده میشود تا به مرورگر آنچه را که باید در یک صفحه وب نمایش داده شود و نیز چگونگی ساختن آنرا بگوید. در مقایسه با HTML عناصری از آن حذف شده اند و برچسب های جدیدی نیز به آن اضافه گردیده اند.

 

♦ چه چیز جدیدی در HTML5 است؟

اعلامیه DOCTYPE برای HTML5 بسیار ساده است. در HTML5 رمزگذاری کاراکتر به طور پیش فرض ، UTF-8 میباشد.

 

♦ عناصر جدید HTML5

جالبترین عناصر جدید آن عبارتنداز:

► عناصر جدید معنایی مانند header، footer، article و section.

► ویژگی های جدید کنترل فرم مانند تعداد، تاریخ، زمان، تقویم، و محدوده.

► عناصر جدید گرافیک: svg و canvas.

► عناصر جدید چند رسانه ای: audio و video.

 

♦ API های جدید در html5 (رابط های برنامه نویسی کاربردی) عبارتنداز :

► موقعیت جغرافیایی HTML

► کشیدن و رها کردن HTML

► ذخیره سازی محلی  HTML

► کش کاربردی HTML

► ایجادکنندگان وب HTML

► SSE در HTML

 

♦ عناصر HTML4 زیر از HTML5 حذف شده اند:

► acronym

► applet

► basefont

► big

► center

► dir

► font

► frame

► frameset

► noframes

► strike

► tt

 

♦ پشتیبانی مرورگرها از  HTML5

HTML5 در همه مرورگرهای مدرن پشتیبانی می شود.

علاوه بر این، همه مرورگرها، قدیمی و جدید، به طور خودکار عناصر ناشناخته را به عنوان عناصر درون خطی اداره می کنند.

HTML5 ، هشت عنصر جدید معنایی HTML را تعریف میکند، و همه این عناصر در سطح بلوک هستند. برای اطمینان از رفتار درست مرورگرهای قدیمی شما میتوانید ویژگی display در CSS را برابر block قرار دهید:

 

♦ عناصر جدید معنایی/ ساختار در HTML5

در زیر لیستی از عناصر معنایی جدید HTML5، و توضیحاتی از موارد استفاده آنها را مشاهده میکنید:

► article : (تگ مقاله) یک مقاله را در داکیومنت تعریف میکند.

► aside : (تگ کناری) محتوایی غیر از محتوای صفحه را تعریف میکند.

► bdi : بخشی از متن را که ممکن است از متن دیگری فرمت بندی شده باشند، تعریف میکند.

► details : (تگ جزئیات) جزئیات اضافی را که کاربر می تواند مشاهده یا پنهان کند، را معرفی می کند.

► dialog : (تگ گفت وگو) یک کادر محاوره یا پنجره را تعریف میکند.

► figcaption : عنوانی را برای عنصر figure تعریف میکند.

► figure : محتوایی شامل تصاویر، نمودارها، عکس ها، لیست کد، و غیره را تعریف میکند.

► footer : (تگ پاورقی ) footer ی برای داکیومنت یا بخش تعریف میکند.

► header : هدری برای داکیومنت یا بخش تعریف میکند.

► main : محتوای اصلی یک سند را تعریف میکند.

► mark : متن مشخص شده یا هایلایت را تعریف میکند.

► menuitem : یک مورد دستور / منو را تعریف میکند که کاربر می تواند از منو پنجره فراخوانی نماید.

► meter : یک اندازه گیری عددی در محدوده شناخته شده را تعریف میکند.

► nav : لینک های ناوبری در سند را تعریف میکند.

► progress : پیشرفت کار را تعریف میکند.

► rp : این برچسب تعیین میکند که در مرورگر هایی که حاشیه نویسی روبی را پشتیبانی نمی کندف چه چیزی باید نمایش داده شود.

► rt : یک توضیح / تلفظ حروف را تعریف میکند.

► ruby : یک حاشیه نویسی روبی را تعریف میکند.

► section : بخشی در سند را تعریف میکند.

► summary : یک عنوان قابل مشاهده برای عنصر details را تعریف میکند.

► time : یک زمان / تاریخ را تعریف میکند.

 

♦ عناصر جدید فرم در  HTMl5

► datalist : گزینه های از پیش تعریف شده برای کنترل های ورودی را تعریف میکند.

► keygen : یک فیلد مولد جفت کلیدها برای فرم را تعریف میکند.

► output : نتیجه یک محاسبه را تعیین میکند.

 

♦ انواع ورودی جدید

► color

► date

► datetime

► datetime-local

► email

► month

► number

► range

► search

► tel

► time

► url

► week

 

♦ ویژگی جدید نحوی HTML5

HTML5 ، چهار گرامر مختلف برای ویژگی ها را فراهم میکند:

► Empty

► Unquoted 

► Double-quoted

► Single-quoted

در HTML5، تمام 4 گرامر، ممکن است با توجه به آنچه برای ویژگی مورد نیاز است استفاده شوند.

 

♦  گرافیک ​HTML5

► canvas : طراحی گرافیک با استفاده از جاوا اسکریپت را معرفی میکند.

► svg : طراحی گرافیک با استفاده از SVG را معرفی میکند.

 

♦ عناصر جدید  رسانه ای در HTML5

► audio : محتوای صدا یا موزیک را تعریف میکند.

► embed : کانتینری برای برنامه های کاربردی خارجی (مانند پلاگین) را تعیین میکند.

► source :  منابعی برای برچسب های audio و video را تعریف میکند.

► track : ترک هایی برای تگ های audio و video را تعریف میکند.

► video : محتوای ویدئو یا فیلم را تعریف میکند.