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

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

زمان مطالعه

5 دقیقه

تعداد بازدید

97

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :

نکات html

اشتراک گذاری این مطلب
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

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

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

زمان مطالعه

5 دقیقه

تعداد بازدید

97

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :

نکات html

اشتراک گذاری این مطلب

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

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

href در تگ a

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

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

src در تگ img

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

<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>

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

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

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

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

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

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

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

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

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

کد خوب 

<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">
بهزاد میرزازاده
در مورد نویسنده : همیشه سخت تلاش کردم و به موفقیت های خیلی زیادی رسیدم اما دلیل نشد که متوقف بشم من برای هر روز برنامه دارم و به امید موفقیت های بزرگتر قدم بر میدارم همیشه سخت ترین مسئله ها، ساده ترین راه حل رو دارند پس بهانه جویی نباید روش کار ما برنامه نویسان باشه!!! ما می توانیم آینده را تعیین کنیم

پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی