این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Controls در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Controls در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Controls در HTML
صفت controls
یک صفت بولی ( Boolean ) می باشد، صفتی است ضروری که در تگ های video
و audio
مورد استفاده قرار میگیرد و برای نمایش دکمه های کنترل ( دکمه پخش ، کنترل صدا ، تمام صفحه کردن و… ) از آن استفاده مینماییم.
دکمه هایی مثه : تنظیم صدا – قطع صدا – جلو و عقب بردن – تمام صفحه کردن و… دکمه یا ابزارهایی هستند که با استفاده از صفت controls
در درون تگ های audio
و video
به نمایش درآورده میشوند.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
<audio> | <video> |
Free-Learn
مثال از صفت Controls در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Audio
1 2 3 4 5 6 7 |
<body> <audio controls> <source src="files/demo.mp3" type="audio/mpeg"> </audio> </body> |
مثال شماره ۲ : استفاده در تگ Video
1 2 3 4 5 6 7 |
<body> <video controls> <source src="files/demo.mp4" type="video/mp4"> </video> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت controls
در HTML پشتیبانی میکنند یا خیر.
نام تگ | Chrome | Firefox | Opera | Safari | Edge |
audio | بله | بله | بله | بله | بله |
video | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
1 2 |
<audio controls> <video controls> |
Free-Learn
نکات و توضیحات
- صفت controls از صفت های بدون مقدار می باشد، یعنی مقداری نداره که بخواد داخلش نوشته شه، فقط خودشو بطور مستقیم در تگ مینویسیم.