عناصر جدید در HTML5

از دانشنامه تخصصی کامپیوتر ایران
پرش به: ناوبری، جستجو

اینترنت از زمان استاندارد شدن HTML 4.01 در سال 99 تغییرات زیادی کرده. امروز بعضی از عناصر HTML 4.01 منسوخ شده و هیچ استفاده از آن نمی شود و یا برای کاری که برای آن ساخته شده اند استفاده نمی شوند. این عناصر در HTML5 حذف و یا دوباره نوشته شده اند. برای استفاده بهتر از اینترنت، HTML5 شامل عناصر جدیدی برای ساختار سازی بهتر، نقاشی، محتوای چندرسانه ای و سیستم مدیریت فرم بهتر است.

عناصر markup جدید در HTML5[ویرایش]

عناصر جدید برای ساختار سازی بهتر[ویرایش]

   <article>: برای محتواهای خارجی مثل متن از مقالات خبری، وبلاگ، تالارگفتگو و با هر محتوای دیگری از منابع خارجی
   <aside>: برای محتواهای کنار گذاشته شده از محتویاتی که قرار گرفته است. محتواهای کنار گذاشته شده باید مرتبط با محتویات اطراف خودش باشد.
   <command>: یک دکمه و یا دکمه رادیویی و یا یک چک باکس
   <details>: برای توضیح جزئیات یک صفحه یا بخشی از یک صفحه
   <summary>: یک عنوان یا خلاصه در داخل عنصر  details به کار می رود.
   <figure>: برای گروه بندی یک محتوای مستقل که می تواند یک ویدیو باشد
   <figcaption>: عنوان بخش figure را با آن مشخص می کنند.
   <footer>: برای بخش footer صفحه یا یک بخش که می تواند شامل نام نویسنده، تاریخ ایجاد صفحه، اطلاعات تماس و یا اطلاعات حق کپی رایت باشد
   <header>: برای معرفی یک صفحه یا یک بخش که می تواند شامل navigation (منوی راهوری) هم باشد.
   < hgroup>: برای تیتر یک بخش از <h1> تا <h6> می توان استفاده کرد که بزرگترین آنه به عنوان تیتر اصلی بخش و بقیه به عنوان زیر تیتر بخش استفاده می شوند.
   <mark>: برای متن هایی که باید مشخص تر (highlight) باشند
   <meter>: برای اندازه گیری، فقط زمانی استفاده می شود که مقادیر ماکزیمم و مینیمم مشخص باشد.
   <nav>: برای بخش navigation به کار می رود.
   <progress>:حالت کاری که در حال پیشرفت است
   <ruby>، <rt>، <rp>: برای تفسیر کاراکترهای و یا متن های چینی
   <section>: برای بخشی از یک سند مثلا فصل ها، هدرها، فوترها و هر بخش دیگری از صفحه
   <time>: برای تعریف یک ساعت یا تاریخ و یا هر دو
   <wbr>: شکست کلمه.  می توان با آن خط جدید (line-break) را تعریف کرد.

عناصر چندرسانه ای جدید[ویرایش]

   <audio>: برای صداها، موزیک ها و هر فایل چندرسانه ای صوتی
   <video>: برای ویدیوکلیپ ها و هر فایل ویدیویی دیگر
   <source>: برای منبع عناصر مدیا که در داخل تگ های video و audio تعریف میشود.
   <embed>: برای محتویات جاسازی شده (embed) مثل پلاگین ها

عنصر Convas ساخت تصاویر[ویرایش]

   <convas>: برای ساخت تصاویر با یک اسکریپت

عناصر فرم جدید:[ویرایش]

   <datalist>: لیستی از خصوصیتهای اختیاری برای مقادیر ورودی
   <keygen>: کدهایی برای شناسایی کاربران ایجاد می کند.
   <output>: برای انواع متفاوتی از خروجی مثل خروجی های نوشته شده توسط یک اسکریپت

مقادیر صفت نوع ورودی جدید[ویرایش]

خصوصیت نوع عنصر input ، مقادیر جدیدی برای کنترل بهتر دریافت ورودی از کاربر قبل از ارسال آن به سرور در اختیار قرار داده است:

   tel: مقدار وروردی از نوع شماره تلفن
   search: مقدار ورودی از نوع فیلد جستجو
   url: مقدار ورودی از نوع یک آدرس وب
   email: مقدار ورودی از نوع یک یا چند آدرس ایمیل
   datetime: مقدار ورودی از نوع زمان و/یا تاریخ
   date: مقدار ورودی از نوع تاریخ
   month: مقدار ورودی از نوع ماه
   week: مقدار ورودی از نوع هفته
   time: مقدار ورودی از نوع زمان
   datetime-local: مدار ورودی از نوع زمان/تاریخ محلی
   number: مقدار ورودی از نوع عدد
   range: مقدار ورودی از نوع عددی در رنج داده شده
   color: مقدار ورودی از نوع کد هگزادسیمال یک رنگ مثل #FF8800

منبع:


Crystal Clear app kedit.png این یک نوشتار خُرد است، با گسترش آن به دانشنامه آیاپیر کمک کنید.

هرگونه برداشت پژوهشی با ذکر منبع و درج لینک مستقیم به مطلب در دانشنامه آیاپیر مجاز می باشد.