این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت DateTime در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت DateTime در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت DateTime در HTML
صفت datetime
صفتی است که میتوان با استفاده از آن تاریخ و زمان عمل انجام یک کار رو برای مرورگرها و موتورهای جستجوگر مشخص کرد.
این تاریخ و زمان در مرورگر بصورت ظاهری برای کاربر قابل مشاهده نیست، بلکه فقط برای بحث سئو این تاریخ و زمان برای مرورگرها و موتورهای جستجوگر قابل درک می باشد.
بفرض مثال با استفاده از این صفت درون تگ Del میتوان تاریخ و زمان حذف شدن مثلا یک متن رو مشخص نماییم. که این تاریخ و زمان برای مرورگرها و موتورهای جستجوگر مفید می باشد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<del> | <ins> | <time> |
Free-Learn
مثال از صفت DateTime در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ del ( مشخص کردن فقط تاریخ )
1 2 3 4 5 6 7 |
<body> <p> <del datetime="2021-11-15">In Matn Hazf Shode</del> </p> </body> |
مثال شماره ۲ : استفاده در تگ ins ( مشخص کردن تاریخ و زمان )
1 2 3 4 5 6 7 |
<body> <p> My Name Is <ins datetime="2021-11-15T22:00:00">Sadegh</ins> Asadi. </p> </body> |
مثال شماره ۳ : استفاده در تگ time
1 2 3 4 5 6 7 |
<body> <p> My BirthDay Is <time datetime="1992-10-17">Here</time> </p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت datetime
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | Edge |
del | بله | بله | بله | بله | بله |
ins | بله | بله | بله | بله | بله |
time | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
1 |
<del datetime="YYYY-MM-DDThh:mm:ssTZD"> |
Free-Learn
جدول مقادیر صفت DateTime در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
DateTime | تاریخ و زمان را مشخص میکند میتونه فقط تاریخ باشه : ۲۰۲۵-۰۱-۰۱ میتونه هم تاریخ و هم زمان داشته باشه : ۲۰۲۵-۰۱-۰۱T10:00:00 |
Free-Learn
نکات و توضیحات
- اون T که بین تاریخ و زمان قرار میگیره در واقع یک جداکننده هس، که میتونه فاصله هم باشه یعنی اینجوری :
1 |
<ins datetime="2021-11-15 22:00:00">Sadegh</ins> |
اون TZD هم منطقه زمانی رو مشخص میکنه که میتونید در صورت لزوم مشخص کنید، ۲ حالت کلی میتونه داشته باشه :
- علامت Z یعنی UTC (Coordinated Universal Time) و ساعت جهانی را مشخص میکند
1 |
<ins datetime="2021-11-15 22:00:00Z">Sadegh</ins> |
- یاهم میتونیم اختلاف ساعت رو بصورت + یا – مشخص کنیم
1 |
<ins datetime="2021-11-15 22:00:00+02:00">Sadegh</ins> |