خاصیت 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 می باشد، که عبارتنداز:

1. مقدار true
2. مقدار false
3. مقدار 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 سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

پشتیبانی مرورگرهای اینترنتی از صفت عمومی draggable در HTML5

صفت html
draggable	4.0	9.0	3.5	6.0	12.0

پیوندهای کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

صفت عمومی draggable در HTML5 قابلیت drag و drop – اختصاصی سایت آموزی