معرفی 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 قرار دهید:
display: 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
► 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 : محتوای ویدئو یا فیلم را تعریف میکند.