خاصیت draggable در اچ تی ام ال
در این مقاله از سایت آموزی جهت آگاهی شما همراهان همیشگی قصد داریم به معرفی و کاربرد صفت عمومی draggable در html5 بپردازیم.
ویژگی draggable ، یک خاصیت جدید است که در HTML5 معرفی شده است.
معرفی و کاربرد صفت عمومی draggable در html5
ویژگی draggable به عنوان یک صفت عمومی در سند html می باشد. صفات عمومی که معادل انگلیسی آنها Global Attributes می باشد، برای کلیه تگ های html کاربرد دارند. خصوصیت عمومی draggable نیز در دسته صفات عمومی html قرار میگیرد.
و استفاده از خاصیت draggable برای تگ های html عمومیت دارد. خاصیت عمومی draggable ، در آخرین نسخه زبان html یعنی HTML5 معرفی شده است.
با استفاده از خاصیت draggable برای یک تگ html امکان جابجایی یا drag and drop را فراهم می کنیم.
نکته مهم
1- لینک ها و تصاویر به صورت پیش فرض ، قابلیت جابجایی را دارند.
2- ویژگی draggable اغلب در عملیات کشیدن و رها کردن برای تگ های html و دسترسی با زبان جاوا اسکریپت برای اعمال تغییرات استفاده می شود.
مقادیر مورد استفاده برای ویژگی عمومی draggable درون سند html
خاصیت draggable دارای سه مقدار برای کنترل عملیات جابجایی تگ های html می باشد، که عبارتنداز:
- مقدار true
- مقدار false
- مقدار auto
1- مقدار true برای صفت عمومی draggable در HTML5
مقدار true در خاصیت draggable ، قابلیت جابه جایی یک تگ html را فعال می نماید.
2- مقدار false برای ویژگی عمومی draggable
مقدار false در خاصیت draggable ، قابلیت جابه جایی یک تگ html را غیرفعال می نماید.
3- مقدار auto برای صفت عمومی draggable در HTML5
در صورت استفاده از مقدار auto در خاصیت draggable ، قابلیت جابه جایی بصورت پیش فرض توسط مرورگر تعیین می شود.
مثال در مورد استفاده از ویژگی عمومی draggable درون سند html
<p draggable=”true”>این پاراگراف قابلیت جایجایی یا را دارد.</p>
بررسی ویژگی عمومی draggable در سند html 4.0.1 و HTML5
ویژگی عمومی draggable در نسخه HTML5 معرفی شده است. و در HTML4.0.1 و نسخه های قدیمی تر وجود نداشته و پشتیبانی می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از صفت عمومی draggable در HTML5
صفت html | ![]() | ![]() | ![]() | ![]() | ![]() |
draggable | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
پیوندهای کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت عمومی draggable در HTML5 قابلیت drag و drop – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید