این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Kind در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Kind در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Kind در HTML
صفت kind صفتی است که در درون تگ track مورد استفاده قرار میگیرد و با استفاده از آن میتوان نوع متن / محتوا یک فایل رو مشخص کرد.
این نوع متن که میگم منظورم در واقع نوع محتواست، بفرض مثال من یه فایل دارم که فایل زیرنویس ویدئو می باشد، حال صفت kind مقدارش میشه subtitles ، این یعنی اون فایل یک فایل زیرنویس می باشد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <track> |
Free-Learn
مثال از صفت Kind در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : اضافه کردن فایل زیرنویس به ویدئو
|
1 2 3 4 5 6 7 8 |
<body> <video controls width="400" height="230"> <source src="files/demo.mp4" type="video/mp4"> <track src="files/subtitle.vtt" kind="subtitles" srclang="fa" label="فارسی" default> </video> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت kind در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| kind | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<track kind="Kind_Type"> |
Free-Learn
جدول مقادیر صفت Kind در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| captions | برای تعریف آهنگ ترجمه و دیالوگ ها و جلوه های صوتی ( مناسب برای کاربران ناشنوا ) |
| chapters | برای تعریف فصل ها / عناوین |
| descriptions | برای مشخص کردن توضیح متنی از محتوای ویدیویی ( مناسب برای کاربران نابینا ) |
| metadata | قابل رهگیری و استفاده توسط اسکریپت ها ( برای کاربر قابل مشاهده نیست ) |
| subtitles | برای نمایش و مشخص کردن فایل زیرنویس |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
