این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Label در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Label در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Label در HTML
صفت label صفتی است که با استفاده از آن میتوان یک عنوان یا یک نام نمایشی را برای تگ های track و option و optgroup مشخص کرد.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <track> | <option> | <optgroup> |
Free-Learn
مثال از صفت Label در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : در مثال زیر یک فایل زیرنویس ( با زبان فارسی ) به ویدئو اضافه کردم سپس کلمه ( فارسی ) رو درون صفت Label قرار دادم که این نام در هنگام نمایش ویدئو در پلیر به نمایش درمی آید.
|
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> |
مثال شماره ۲ : استفاده در تگ option
|
1 2 3 4 5 6 |
<select> <option label="Sadegh">MyName Sadegh</option> <option label="Mina">MyName Mina</option> <option label="Anna">MyName Anna</option> <option label="Fateme">MyName Fateme</option> </select> |
مثال شماره ۳ : استفاده در تگ optgroup
|
1 2 3 4 5 6 7 8 9 10 |
<select> <optgroup label="خوب هستن"> <option>سپاس گزاری نعمت</option> <option>کمک به دیگران</option> </optgroup> <optgroup label="بد هستن" disabled> <option>کفر گفتن</option> <option>زود قضاوت کردن</option> </optgroup> </select> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت label در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| label | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 |
<option label="Text"> <track label="Text"> <optgroup label="Text"> |
Free-Learn
جدول مقادیر صفت Label در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Text | برای تعریف یک متن / عنوان یا لیبل |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
