ویژگی ها (attribute) در HTML | آموزش کامل + نمونه کد + نمونه سوال

قبلی بعدی

ویژگی (attribute) در HTML

به وسیله ویژگی (attribute - attr) می توانیم جزئیات بیشتری را به یک المان بدهیم.

نحوه اضافه کردن ویژگی ها به عناصر HTML به صورت زیر است :

name="value"

همه المان های HTML می توانند ویژگی داشته باشند.

ویژگی ها در تگ شروعی قرار می گیرند.

ویژگی ها به دو صورت اختصاصی و سراسری هستند.

ویژگی های اختصاصی فقط برای تعدادی از المان ها هستند.

ویژگی های سراسری در تمام المان ها استفاده می شوند.

ویژگی title برای افزودن نکته (tooltip) به المان ها استفاده می شود.

زمانی که ماوس روی المانی که از ویژگی title استفاده می کند، نگه داشته شود مقدار این ویژگی نمایش داده می شود.

<p title="PNLdev">اگر ماوس خود را روی این متن نگه دارید، متن داخل ویژگی title نمایش داده می شود</p>

در HTML می توان ویژگی ها را با حروف کوچک و بزرگ نوشت.

اما طبق استانداردهای W3C بهتر است از حروف کوچک استفاده شود.

<p TITLE="PNLdev">ویژگی با حروف بزرگ</p>
<p title="PNLdev">ویژگی با حروف کوچک</p>

<p title="PNLdev">ویژگی با دابل کوتیشن</p>
<p title='PNLdev'>ویژگی با سینگل کوتیشن</p>
<p title=PNLdev>ویژگی بدون کوتیشن</p>

مقدار ویژگی چه در دبل کوتیشن یا سینگل کوتیشن یا بدون کوتیشن نوشته شود، اجرا می شود.

اما طبق استانداردهای W3C بهتر است از کوتیشن استفاده شود.

نکته: زمانی که از کوتیشن استفاده نشود و مقدار ما دارای فضای خالی (space) باشد اجرا نمی شود.

<p title="PNL dev">اجرا می شود</p>
<p title='PNL dev'>اجرا می شود</p>
<p title=PNL dev>اجرا نمی شود</p>

در واقع هیچ تفاوتی بین این دو نمی باشد و بسته به موقعیت خود از آنها باید استفاده کنید.

<p title="این متن ' دارد">Correct</p>
<p title='این متن ' دارد'>Wrong</p>

<p title='این متن " دارد'>Correct</p>
<p title="این متن " دارد">Wrong</p>

قبلی بعدی

توسعه دهندگان

احسان اسلامی