معرفی و کاربرد تگ time در HTML تاریخ و زمان در سند

در این مقاله از سایت آموزی جهت استفاده شما همراهان همیشگی به معرفی و کاربرد تگ <time> در HTML می پردازیم.

تگ <time> در HTML

معرفی و کاربرد تگ time در HTML تاریخ و زمان در سند - سایت آموزی

تگ <time> تاریخ / زمان قابل خواندن برای انسان تعریف می کند.

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

مثال در مورد تگ <timeدر html

[html]<p>I have a date on <time datetime=”۲۰۰۸-۰۲-۱۴ ۲۰:۰۰″>Valentines day</time>.</p>[/html]

بررسی تگ <time> در HTML 4.01 و HTML5

تگ <time> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشته است.

خصوصیات ویژه تگ <time> در اچ تی ام ال

خصوصیت مقدار توضیحات
autoplay autoplay در صورتی که وجود داشته باشد ویدئو به محض اینکه آماده شود خود به خود پخش می شود.
controls controls برای افزودن کنترل های play ،pause و صدا بکار برده می شود.
height pixels ارتفاع پخش کننده ویدئو را تنظیم می کند.
loop loop در صورت وجود پس از اتمام نمایش ویدئو پخش آن دوباره شروع می شود.
muted muted مشخص کننده قطع صدا به طور پیش فرض برای ویدئو است.
poster URL مشخص کننده تصویری است که به عنوان پیش نمایش ویدئو از آن استفاده می کند. مقدار آن یک url یا آدرس اینترنتی است.
preload auto
metadata
none
در صورت وجود ویدئو در زمان لود صفحه، لود شده و آماده اجرا می شود. اگر autoplay وجود داشته باشد این خاصیت نادیده گرفته می شود.
src URL آدرس ویدئویی که باید پخش شود.
width pixels پهنای پخش کننده ویدئو را تنظیم می کند.

ویژگی های عمومی تگ <time> در HTML

تگ <time> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <time> در HTML

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

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور

پشتیبانی مرورگرها از تگ <time> در اچ تی ام ال

در زیر مرورگرهای معتبر اینترنتی از اولین نسخه هایی که از تگ <time> پشتیبانی می کنند، آمده است:

جهت دیدن تمام ردیف و ستون ها در حالت موبایلی جدول را به چپ و راست اسکرول کنید.

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ time در HTML تاریخ و زمان در سند – اختصاصی سایت آموزی