صفات یا خصوصیات در اچ تی ام ال (HTML Attributes)

صفات یا خصوصیات در اچ تی ام ال (HTML Attributes)

همه عناصر (المنت ها) در html میتونند ویژگی (صفات) داشته باشند و همیشه در تگ شروع مشخص می شوند مثل صفات کلاس، آدرس ، شناسه و ...

زمان مطالعه: 3 دقیقه
بازدید: 760
پرسش و پاسخ: 0

خصوصیات (ویژگی) تگ ها در html

href در تگ a

تگ a یک پیوند (لینک) به صفحه مقصد ایجاد می کند و با href صفحه مقصد را مشخص می کنید. (آموزش ایجاد تگ a یا لینک (پیوند) در html)

<a href="https://jobteam.ir">جاب تیم</a>

src در تگ img

تگ یا برچسب img برای نمایش تصاویر استفاده می شود که src مسیر تصویر مورد نظر برای نمایش در این برچسب را مشخص می کند. (آموزش کار با تصاویر (تگ img) در html)

<img src="https://jobteam.ir/img/logo.png">

عرض و ارتفاع (width and height Attributes)

در تگ img می توانید ارتفاع و عرض تصویر رو با width and height مشخص کنید به مثال ذیل توجه کنید (پیکسل)

<img src="https://jobteam.ir/img/logo.png" width="500" height="600">

alt در تگ img

alt یک متن جایگزین است که وقتی تصویر مورد نظر به کاربر به هر دلیلی نشان داده نشد نمایش داده می شود یکی از کاربردها امروزی alt کمک به سئوی تصاویر است 

<img src="https://jobteam.ir/img/logo.png" alt="لوگوی جاب تیم">

style در تگ ها

خصوصیت style به شما اجازه میدهد که بتوانید برای تگ مورد نظر خود ظاهر، رنگ و طرحی ببخشید مثل رنگ آبی، نوع فونت، اندازه فونت، ارتفاع و ... 

<p style="color:red;">متنی با رنگ قرمز</p>

بیشتر بدانیم : تشخیص فونت وب سایت و تصویر

ویژگی lang در تگ html

زبان صفحه فعلی رو به مرورگرها و موتورهای جستجو اعلام میکنه مثال ذیل برای اعلام زبان فارسی است

<!DOCTYPE html>
<html lang="fa">
<body>
...
</body>
</html>

بیشتر بدانیم : عناوین (سرتیترها) در html (Headings h1 h2 h3 h4 h5 h6)

گاهی اوقات پیش میاد که زبان خیلی از کشورها یکی باشه پس باید کشور مورد نظر رو هم مشخص کنید که با دو کاراکتر هم می توانید کشورد مورد نظر رو مشخص کنید مثال برای مشخص کردن زبان فارسی و کشور ایران

<!DOCTYPE html>
<html lang="fa-IR">
<body>
...
</body>
</html>

خصوصیت یا ویژگی title

title کمک میکنه یکسری ویژگی اضافه رو برای تگ مورد نظر تعریف کنید و وقتی ماوس رو تگ مورد نظر باشه این توضیحات به کاربر نشون داده بشه. title داشتن تگ های a و img اهمیت ویژه ای در سئو سایت داره

<p title="توضیحات اضافی ">متن</p>

پیشنهاد W3C برای رعایت حروف کوچک

همیشه از حروف کوچک برای نوشتن تگ های html استفاده کنید البته این فقط یک پیشنهاد هست و مرورگرها حروف بزرگ یا کوچک در html رو تشخیص خواهند داد.

پیشنهاد W3C برای رعایت دابل کوتیشن (")

در html نیازی به استفاده از " نیست اما امکان ایجاد اختلال در خصوصیات بعدی تگ مورد نظر رو خواهد داشت پس سعی کنید حتما از دابل کوتیشن استفاده کنید.

کد خوب (کد تمیز در برنامه نویسی (clean code))

<a href="https://jobteam.ir/category/Html/">آموزش html</a>

کد بد

<a href=https://jobteam.ir/category/Html />Html</a>

مثال زیر نشون میده که اگه از کوتیشن استفاده نکنید title فقط about خواهد بود

<p title=About jobteam>

دابل کوتیشن یا تک کوتیشن در html

این بستگی به شرایط داره که از کدوم استفاده کنید به مثال های زیر توجه کنید

<p title='behzad "ShotGun" mehdi'>

<p title="behzad 'ShotGun' mehdi">

بیشتر بدانیم : آموزش لاراول (laravel)

بهزاد میرزازاده
مسیر درست با پرسش های درست ساخته می شود

مشاهده تمام مطالب نویسنده