‎‎ويژگي‎ HTML data-‎*‎

Previous >    <Next  

‎‎تعريف وكاربردىDefinition and Usage -‎

‎ويژگي‎data-‎*‎ براي ذخيره داده سفارشي براي استفاده درصفحه يا برنامه بكار گزفته ‎ميشود .اين ويژگي جهانيHTML است ، يعني كاربرد براي تمام عناصر HTML است .

‎داده هاي سفارشي امكان استفاده در جاوااسكريپت براي ايجاد اهداف خاص بدون رفت برگشت به ‎پايگاه داده سمت سرور، ميدهد.

‎‎ويژگي‎data-‎*‎ شامل دوقسمت ميباشد :

    ‎‎
  1. ‎‎نام ويژگي كه بدون حروف بزرگ است وحداقل يك كراكتر، كه بعداز‎"data-‎"‎قرار ميگيرد .
  2. ‎‎مقدار ويژگي بك عبارت متني ميتواند باشد.
‎‎

‎‎كاربرد ويژگيApplies to -‎

‎‎ويژگي فوق جزو ويژگي جهانيHTML است وميتواند براي هر عنصري از HTML بكارگرفته شود .

‎
‎‎ويژگي ‎‎عنصر
‎data-‎*‎ ‎‎براي تمام عناصرHTML

‎‎مثال ـ استفاده از ويژگي‎data-‎*‎ براي جاسازي داده سفارشي

‎ 
 <ul>
  <li data-animal-type="bird">Owl</li>
  <li data-animal-type="fish">Salmon</li>
  <li data-animal-type="spider">Tarantula</li>
</ul>

--(go to editor for change code and run)

‎‎پشتيباني مرورگرBrowser Support -‎

‎‎در جدول زير اعداد نشان دهنده اولين نسخه مرورگراست كه بطور كامل ازويژگي فوق پشتيباني ميكند.

‎
‎‎ويژگي Chorome Edge Firefox Safari Opera
‎data-‎*‎ ‎‎4.0‎ ‎‎5.5‎ ‎‎2.0‎ ‎‎31‎ ‎‎9.6‎

‎مرجع كامل تگهايHTML‎
‎مرجع كامل ويژگيهايHTML‎

Previous >    <Next