خصوصیتها (Attributes) در HTML
خصوصیتها (Attributes) اطلاعات اضافی و دقیقتری دربارهی عناصر HTML به مرورگر میدهند. آنها مانند مشخصاتی هستند که جزئیات بیشتری دربارهی نحوه عملکرد یا ظاهر یک عنصر ارائه میکنند.
نکات کلیدی درباره خصوصیتها:
* همه عناصر خصوصیت دارند: هر عنصر HTML میتواند یک یا چند خصوصیت داشته باشد.
* محل قرارگیری: خصوصیتها همیشه داخل تگ شروع (باز شونده) عنصر نوشته میشوند.
* قالببندی: خصوصیتها به صورت جفتهای <نام="مقدار"> نوشته میشوند.
مثال عملی: ایجاد لینک (تگ <a>)
برای تعریف یک لینک در HTML از تگ <a> استفاده میکنیم. آدرس URL مقصد لینک، توسط خصوصیت <href> مشخص میشود.
عامرتجارت خلیج فارس
* در این مثال:
* <a> تگ شروع است.
* href نام خصوصیت است.
* "https://amertegarat.com" مقدار خصوصیت است که آدرس URL را مشخص میکند.
* اینجا کلیک کنید متنی است که به کاربر نمایش داده میشود.
نکات مهم در مورد مقادیر خصوصیتها:
1. استفاده از کوتیشن (علامت نقل قول):
* مقدار هر خصوصیت باید درون علامت کوتیشن قرار بگیرد.
* دابل کوتیشن (") رایجتر و استانداردتر است.
* تک کوتیشن (') نیز مجاز است.
مثال با دابل کوتیشن:
عامرتجارت خلیج فارس
مثال با تک کوتیشن:
عامرتجارت خلیج فارس
2. حالتهای خاص (کوتیشن درون کوتیشن):
* گاهی اوقات ممکن است مقدار یک خصوصیت خودش شامل علامت کوتیشن باشد. در چنین مواقعی، اگر از دابل کوتیشن برای کل مقدار استفاده کردهاید، باید برای کوتیشن داخلی از تک کوتیشن استفاده کنید (و برعکس).
مثال:
فرض کنید میخواهیم عنوانی بدهیم که در آن نقل قول وجود دارد:
عامرتجارت خلیج فارس
(در اینجا، چون از ' برای کل مقدار <title> استفاده شده، کوتیشنهای داخلی " مشکلی ایجاد نمیکنند.)
3. حساسیت به حروف (Case Sensitivity):
* نام خصوصیتها: بهتر است همیشه از حروف کوچک استفاده کنید. اگرچه HTML در عمل به حروف کوچک و بزرگ حساس نیست (یعنی <HREF> با <href> یکی در نظر گرفته میشود)، اما استاندارد W3C (کنسرسیوم جهانی وب) استفاده از حروف کوچک را توصیه میکند.
* مقدار خصوصیتها: در مورد مقادیر خصوصیتها، حساسیت به حروف بستگی به نوع خصوصیت دارد. برخی مقادیر (مثل URL ها) به حروف کوچک و بزرگ حساس هستند، در حالی که برخی دیگر (مثل نام کلاسها یا ID ها) معمولاً حساس نیستند. با این حال، برای یکدستی و پیروی از استاندارد، استفاده از حروف کوچک برای نام و مقدار خصوصیتها توصیه میشود. در HTML5، استفاده از حروف کوچک برای نام و مقادیر خصوصیتها استاندارد شده است.
تعدادی از ویژگیهای رایج :
| خصوصیت |
مقدار |
توضیحات |
| class |
نام class |
یک class برای عنصر مشخص می کند. |
| id |
id |
id منحصر به فردی را برای عنصر مشخص می کند. |
| style |
تعریف style |
یک style درون تگی برای عنصر مشخص می کند. |
| title |
متنی که در tooltip نمایش داده می شود |
اطلاعات اضافه ای را برای یک عنصر مشخص می کند (به صورت یک tool tip نشان داده می شود). |