آموزش HTML – فصل بیست و هفتم: المان های جدید در 5 HTML

المان های جدید در HTML 5

اچ تی ام ال 5 المان های جدیدی را برای ساختار بندی بهتر پرونده ها ارائه می دهد در پایین یک لیست از المان های جدید اچ تی ام ال 5 و توضیح درباره کاربرد آنها وجود دارد:

<article> یک مقاله یا article را در یک پرونده تعریف می کند.

<aside> مطالبی را در کنار مطالب صفحه تعریف می کند. (مناسب برای سایدبار)

<bdi> یک قسمت از متن را که ممکن است در یک جهت متفاوت از دیگر متن های اطرافش قالب بندی شده باشد را، از آن ها، مجزا میکند.

<details> جزئیات اضافه ای را تعریف میکند که کاربر می تواند آنها را نمایش داده یا مخفی کند.

<dialog> یک جعبه یا پنجره دیالوگ را تعریف می کند.

<figcaption> یک عنوان را برای یک المان <figure> تعریف می کند.

<figure> یک مطلب خود-حاوی یا self-contained را تعریف می کند.

<footer> یک پانویس را برای یک پرونده یا بخش (section) تعریف می کند. (مناسب برای فوتر وب سایت ها)

<header> یک سربرگ را برای یک پرونده یا بخش (section) تعریف می کند.

<main> مطلب اصلی یک پرونده را تعریف می کند.

<mark> متن علامت دار یا پررنگ شده را تعریف می کند.

<meter> یک اندازه گیری مقیاسی را در بین یک محدوده تعریف میکند. (یک درجه یا gauge)

<nav> لینک های راهبری را تعریف می کند. (مخصوص فهرست سازی)

<progress> میزان پیشرفت یک عملیات را نشان می دهد.

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

<rt> توضیحات و طرز ادای کاراکتر ها را تعریف می کند (برای نوشتار شرق آسیایی)

<ruby> یک حاشیه نویسی ruby را تعریف می کند (برای نوشتار شرق آسیایی).

<section> یک بخش یا section را در یک پرونده تعریف می کند.

<summary> یک سربرگ قابل نمایش برای یک المان <details> تعریف می کند.

<time> یک تاریخ و زمان را تعریف می کند.

<wbr> یک شکست خط یا line-break محتمل را تعریف می کند.

درباره المان های معنایی اچ تی ام ال در فصل بعد بیشتر بخوانید.

المان های فرم form جدید:

<datalist> برای یک ورودی لیست از پیش تعیین شده را ایجاد می کند.

<output> نتیجه یک محاسبه را تعریف میکند.

همه چیز درباره تمام المان های جدید و قدیمی مخصوص فرم را در فصل المان های فرم بخوانید.

Type های جدید input

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

خاصیت های جدید input

• autofocus
• form
• formaction
• formenctype
• formmethod
• formnovalidate
• formtarget
• height and width
• list
• min and max
• multiple
• pattern (regexp)
• placeholder
• required
• step

همه چیز را درباره type های ورودی جدید و قدیمی را در فصل تایپ های ورودی اچ تی ام ال بخوانید.

همه چیز را درباره خاصیت های ورودی جدید و قدیمی در فصل خاصیت های ورودی اچ تی ام ال بخوانید.

سینتکس جدید Attribute ها در اچ تی ام ال 5

اچ تی ام ال 5 به چهار سینتکس مختلف برای نوشتن خاصیت ها اجازه می دهد. این مثال ترکیب های مختلف استفاده شده برای یک تگ <input> را شرح می دهد:

در اچ تی ام ال 5 تمام این چهار سینتکس میتوانند بسته به این که چه چیزی برای خاصیت نیاز است استفاده شوند.

المان های گرافیک در HTML 5

تگ <canvas> طراحی های گرافیکی را در حین کدنویسی به وسیله جاوا اسکریپت انجام می دهد.

تگ <svg> طراحی وکتور های مقیاس پذیر را انجام می دهد.

المان های چند رسانه ای جدید در HTML 5

<audio> محتوای صوتی را تعریف می کند.

<embed> یک نگه دارنده (Container) را برای یک برنامه ی خارجی که اچ تی ام ال نباشد تعریف می کند.

<source> منبع چند رسانه ای را برای المان های <video> و <audio> تعریف می کند.

<track> برای المان های رسانه ای <video> و <audio> مسیر یا track متنی تعریف می کند.

<video> یک فایل video یا فیلم را تعریف می کند.

مثالی از المان های چند رسانه ای: