صفت عمومی id در HTML تعیین شناسه تگ ها 1402

در این مقاله از سایت آموزی جهت استفاده شما همراهان همیشگی قصد داریم به معرفی و کاربرد صفت عمومی id در html بپردازیم.

ویژگی id یک صفت عمومی برای اختصاص یک شناسه به تگ های HTML است. با ما همراه باشید.

معرفی و کاربرد صفت عمومی id در html

ویژگی id یک صفت عمومی برای تگ های HTML است. صفات عمومی که معادل انگلیسی آنها Global Attributes می باشد، برای کلیه تگ های html کاربرد دارند.

صفت عمومی id در HTML نیز در دسته صفات عمومی html قرار میگیرد. و استفاده از ویژگی id برای تگ های html عمومیت دارد. گاهی نیاز دارید، یک تگ html را از طریق کدهای css یا javascript یا php به صورت اختصاصی تغییرات دهید.

بدین منظور بایستی برای دسترسی به آن تگ می توانید از ویژگی عمومی id در سند html استفاده کنید. خاصیت عمومی id یک مقدار اسمی از نوع رشته ای می گیرد.

از طریق این ویژگی id یا شناسه مخصوص تگ ، دسترسی به این تگ را برای اعمال تغییرات در آن از طریق زبان های css و javascript و php ممکن می کنید.

نکته مهم

مقدار اسمی ویژگی id ، مخصوص همان تگ می باشد. و به هیچ عنوان درون آن سند html نباید به تگ دیگری اختصاص داده شود.

مثال در مورد استفاده از صفت عمومی id در HTML

<p id=”first-paragraph”>this is a paragraph.</p>
<p>this is a paragraph.</p>
<p>this is a paragraph.</p>
<style>
#first-paragraph{color:red;}
</style>

خروجی کد در مرورگر اینترنتی

this is a paragraph.

همانطور که در مثال بالا ملاحظه می کنید، تگ پاراگراف یا p که دارای شناسه یا مقدار اسمی first-paragraph در خصوصیت id می باشد، رنگ قرمز فونت را از طریق کد های css دریافت نموده است. و سایر پاراگراف ها به صورت پیش فرض با رنگ فونت مشکی در خروجی مرورگر نمایش داده شدند.

نکته مهم

جهت استفاده از ویژگی id درون کدهای css بایستی در ابتدای مقدار اسمی یک علامت # قرار دهید.

بررسی ویژگی عمومی id در سند html 4.0.1 و HTML5

ویژگی عمومی id در نسخه های HTML5 و HTML 4.0.1 پشتیبانی می شود. ویژگی عمومی id از نظر کاربرد در دو نسخه HTML5 و HTML 4.0.1 تفاوتی ندارد.

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

دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery

برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل