🌟 تا الآن یاد گرفتیم که با استفاده از تگ ها می توانیم محتوا را نشانه گذاری کنیم و ویژگی خاصی به آنها دهیم . اما html ، امکان اضافه کردن تغییراتی دیگر به محتوای تگ را برای ما فراهم کرده است که استفاده از صفت یا attribute می باشد .
🌟 attribute یا صفت : اطلاعاتی که در تگ آغازی وارد می شود و امکانات جدیدی به تگ و محتوا اضافه می کند .
🌟 syntax صفات تگ به صورت زیر است که name ، نام آن صفت ، و value ، مقدار آن می باشد .
name = "value"
🌟 وجود بعضی صفات برای بعضی تگ ها ضروری است و نبودن آنها ، تگ را بی معنا می کند . مثلا برای لینک ساختن یک قطعه متن ، از تگ a استفاده می شود که حتما باید آدرس مقصد در آن وارد شود وگرنه لینک بودنش بی معنا خواهد بود . برای نوشتن لینک مقصد در آن ، از صفت href استفاده می شود . البته بحث آموزش تگ لینک مربوط به آینده است .
<a href="آدرس مقصد" >content</a>
اما بعضی از صفات ، وجودشان ضروری نیست . یعنی می توانیم بیاوریم و یا نیاوریم . مثل صفت title برای همین تگ a که باعث می شود وقتی ماوس روی متن لینک رود یک متنی به صورت tooltip ظاهر شود .
<a href="آدرس مقصد" title="متنی که نمایش داده می شود">content</a>
نکته : تاکید می کنیم که مطالب بالا برای فهم مفهوم صفت است و قرار نیست شما تگ a و دوصفت گفته شده را یاد بگیرید . این مطالب در آینده یه صورت مفصل خواهد آمد .
🌟 پس از این منظر ، دو نوع صفت داریم که یکی صفاتی است که وجودشان برای تگ یا المان ضروری است (required) و دیگری صفاتی است که وجودشان برای تگ ضروری نیست (optional) .
🌟 اما از منظری دیگر نیز می توان صفات را به دو بخش تقسیم کرد :
1 - صفات کلی یا جهانی (global) : این صفات می توانند در همه ی المان ها حاضر شوند . منتها ممکن است کاربردشان در بعضی تگ ها زیاد ، در بعضی کم و شاید در بعضی بی کاربرد باشد . صفات جهانی مثل class و id
2 - صفات خاص و محلی (local) : این صفات فقط می توانند در یک یا بیش از یک تگ استفاده شوند و اصولا برای آن تگ یا تگ ها به وجود آمده است و حق نداریم در همه ی تگها ، آنها را به کار ببریم . مثل href برای تگ a . البته شاید یک صفت در دو یا چند تگ به کار رود ولی به این معنا نیست که هر جا بخواهیم بتوانیم آنها را استفاده کنیم . یعنی global نیستند . مثل صفت src که هم در تگ img و هم در تگ script استفاده می شود .
🌟 توصیه می شود در هنگام نوشتن صفات تگ ، از حروف کوچک استفاده کنید (lower case)
برای دریافت مطالب در تلگرام خود ، عضو کانال تلگرامی html5 شوید.
