عناصر HTML5

عناصر HTML5

از زمانی که HTML 4.01 در سال ۱۹۹۹ به عنوان یک استاندارد معرفی شد خیلی چیزها در اینترنت و حتی در مورد کاربران و نیازهای آنها تغییر کرده است.

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

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

عناصر HTML5 عناصر html5 عناصر HTML5 html5 2

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

عنصر <canvas>

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

عناصر HTML5

عناصر معنایی / سازه ای

HTML5 عناصر جدید برای ساختار بهتری را ارائه می دهد:

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

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

HTML5 عناصر جدید برای محتوای رسانه ای را ارائه می دهد:

برچسب توضیحات
<audio> یک محتوای صوتی را تعریف می کند
<video> یک ویدئو یا فیلم را تعریف می کند
<source> منابع متعدد رسانه ای را برای عناصر رسانه ای تعریف می کند <video> and <audio>
<embed> یک ظرف برای یک برنامه اپلیکیشن خارجی (غیر HTML) تعریف می کند
<track> مسیر متن را برای عناصر رسانه ای تعریف می کند (<video> and >audio>)

 

عناصر HTML5:عناصر جدید برای فرم ها در HTML5

HTML5 چندین تگ و خصوصیت جدید برای فرم ها در نظر گرفته است.

  • datalist
  • keygen
  • output

توجه: درست است که بعضی از مرورگرها از این انواع ورودی جدید پشتیبانی نمی کنند، ولی در صورت عدم پشتیبانی، با آن ها مثل ورودی های متنی ساده برخورد می کنند و مشکلی پیش نمی آید.

عناصر HTML5:عنصر <datalist>

این عنصر لیستی از گزینه های از پیش تعریف شده را برای یک فیلد ورودی مهیا می کند.

زمانی که کاربر داده وارد می کند، یک لیست کشویی ظاهر می شود و می تواند از گزینه های پیشنهاد داده شده یکی را انتخاب نماید.

برای اتصال یک <datalist> به یک فیلد ورودی متنی، باید خاصیت list فیلد متنی را با id عنصر <datalist> تنظیم نمایید.

عناصر HTML5 عناصر html5 عناصر HTML5 html5 1

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

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

آموزش HTML آموزش طراحی وب

دیدگاه خود را بیان کنید