طراحی سایت – HTML5 – قابلیت های جدید

از زمانيکه HTML 4.01 در سال 1999 به عنوان يک استاندارد طراحی سایت معرفي شد خيلي موارد در اينترنت و حتي در مورد کاربران و نيازهاي آنها در دنیای طراحی سایت تغيير کرده است. امروزه بسياري از قابليت هاي HTML 4.01 منسوخ شده يا مورد استفاده قرار نميگيرد. بيشتر ويژگيهايي منسوخ و بي استفاده از HTML5 حذف شده اند يا در مورد بعضي از آنها بازنگريهايي صورت گرفته است.

براي اينکه HTML5 قادر به پشتيباني از نيازهاي اينترنت امروزي در طراحی سایت باشد قابليتهاي جديدي مانند ترسيم ، فيلم ، صدا و … به آن افزوده شده است. در ادامه به صورت خيلي خلاصه اين قابليت هاي جديد و پرکاربرد در طراحی سایت را بررسي مي کنيم.

<canvas>

تگ توضيحات
<canvas> از اين تگ براي ترسيم گرافيک هاي دو بعدي از طريق کدنويسي (معمولا جاوا اسکريپت) استفاده ميشود

تگ هاي مربوط به رسانه

تگ توضيحات
<audio> تعريف محتواي صوتي
<video> تعريف محتواي تصويري – فيلم و کليپ
<source> تعريف منابع مختلف براي صدا و تصوير
<embed> تعريف يک بخش براي برنامه خارجي يا يک محتواي تعاملي – پلاگين
<track> تعريف متن براي <audio> و <video>

المان هاي فرم

تگ توضيحات
<datalist> يک فهرست از حالت هاي پيش فرض براي کنترل هاي ورودي
<keygen> تعريف يک توليد کننده جفت کليد براي فرم ها
<output> تعريف نتيجه يک خروجي

المان هاي معنايي و ساختاري

HTML5 المان هايي جديدي را براي ساختار دادن به متون وب به شرح زير در بر گرفته است:

تگ توضيحات
<article> تعريف يک مقاله
<aside> تعريف يک محتواي در کنار متن اصلي
<bdi> جهت تعريف متن در جهتي غير از جهت اصلي که خارج از آن در نظر گرفته شده
<command> تعريف يک دکمه دستوري که کاربر مي تواند آن را فعال نمايد
<details> تعريف جزييات بيشتر
<dialog> تعريف يک پنجره dialog
<summary> تعريف بخش قابل مشاهده از يک تگ <details>
<figure> تعريف محتواي خود شامل مانند عکس ، نمودار و …
<figcaption> تعريف يک عنوان براي تگ <figure>
<footer> تعريف يک بخش پاييني براي يک صفحه يا بخش
<header> تعريف يک بخش بالايي براي يک صفحه يا بخش
<mark> جهت برجسته کردن متن
<meter> تعريف يک واحد اندازه گيري
<nav> لينک هاي پيمايش صفحات
<progress> نمايش پيشرفت يک وظيفه
<section> تعريف يک بخش از متن
<time> تعريف تاريخ و زمان
<wbr> تعريف يک خط جديد

المان هاي حذف شده از HTML5

تگ هاي زير نيز از HTML5 حذف شده اند:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>

شما ممکن است این را هم بپسندید

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *