از خصوصیات برای ارائه اطلاعات اضافی درباره تگ استفاده میشود.
همه تگ های html قادر هستند برای خود attr داشته باشند.
خصوصیات همیشه در تگ آغازین قرار میگیرد.
خصوصیات معمولا بصورت نام خصوصیت برابر با مقدار آن تعریف می‌شوند.
|
1 |
name="value" |
نحوه نوشتن خصوصیات
نام خصوصیات را بهتر است با حروف کوچک بنویسید
اینکه نام خصوصیت را حتما با حرف کوچک بنویسید یک اجبار نیست اما پیشنهاد ما این است برای جلوگیری از خطا خصوصیات خود را با حروف کوچک بنویسید.
برای مثال خصوصیت title می‌تواند بصورت TITLE هم نوشته شود و مشکلی وجود ندارد.اما پیشنهاد w3c این است که با حروف کوچک خصوصیات خود را تعریف کنید.
این حالت در سندهای XHTML یک الزام است.
مقدار خصوصیت را درون کوتیشن بنویسید
پیشنهاد w3c بعنوان یک استاندارد جهانی به توسعه دهندگان وب این است که مقدار خصوصیت خود را درون کوتیشن خواه تک، خواه جفت بنویسند.
مثال:
|
1 |
<a href="https://www.dejavan.ir">آموزش حرفه ای برنامه نویسی</a> |
خصوصیت title در تگ زیر بدرستی کار نمیکند چون در مقدارش فاصله یا space وجود دارد.
مثال:
|
1 |
<p title=About dejavan.ir> |
اینکه از تک کوتیشن یا جفت استفاده کنید اختیاری است اما معمول ترین روش استفاده از جفت کوتیشن است. اما گاهی اوقات ممکن است مقدار خصوصیت شما حاوی جفت کوتیشن باشد،در اینجا مجبورید از تک کوتیشن در اطراف مقدار استفاده کنید.
مثال:
|
1 |
<p title='amir "javanmir"'> |
خصوصیت های html:
| نام خصوصیت | توضیح |
|---|---|
| خصوصیت charset |
این خصوصیت برای تگ meta استفاده می شود.با استفاده از این خصوصیت نوع encode کاراکترهای استفاده شده را برای html مشخص می کنیم. |
| خصوصیت http-equiv |
ویژگی http-equiv یک هدر HTTP برای information/value ویژگی content فراهم می کند. ویژگی http-equiv را می توان برای شبیه سازی هدر HTTP response استفاده کرد. |
| خصوصیت name |
این خصوصیت یک نام برای المنت های موردنظر مشخص می کند. |
| خصوصیت xmlns |
زمانی که در یک سند قصد استفاده از xml داشته باشیم، با استفاده از این خصوصیت می توانیم آن را به تگ html معرفی کنیم. نکته: این خصوصیت در نسخه xhtml ضروری است.در نسخه html4.01 اشتباه و در نسخه html5 اختیاری است. نکته: در صورتی که خصوصیت xmlns را در یک سند xhtml قرار داده نشود، http://w3.org که اعتباردهنده HTML است خطایی از شما نمی گیرد. |
| خصوصیت href | از این خصوصیت در تگ a و area مورد استفاده قرار می گیرد. |
| خصوصیت src | با استفاده از این خصوصیت میتوان آدرس فایل خارجی را به تگ موردنظر تخصیص داد. |
| خصوصیت target | این خصوصیت نحوه باز کردن لینک در سند را مشخص می کند. |
| خصوصیت defer | این خصوصیت یک خصوصیت از نوع بولین است.
زمانی که مقدار آن برابر با true باشد فایل جاوااسکریپت را همزمان با اجرای سند html در پس زمینه فراخوانی میکند و مانع افت سرعت بدلیل اجرای اسکریپت میشود. پس از پایان دریافت html جاوااسکریپت را اجرا میکند. |
| خصوصیت title | با استفاده از این خصوصیت می توان توضیحات اضافی درباره المنت موردنظر را به کاربر بدهیم. |
| خصوصیت alt | از این خصوصیت بیشتر در تگ تصویر img استفاده می شود زمانی که ممکن است به هر دلیلی تصویر موردنظر شما لود نشود. این خصوصیت از نظر سئو نیز مهم است و قابلیت خوانده شدن توسط screen reader ها را دارد. |
| خصوصیت lang | این خصوصیت زبان یا language المنت را مشخص می کند.مقادیر مشخص کننده زبان کوتاه هستند مثلا en,fr,faو …. |
| خصوصیت style | این خصوصیت یک استایل درون همان المنت بصورت inline ایجاد میکند. |
| خصوصیت width | این خصوصیت طول المنت موردنظر را در قالب پیکسل تعیین میکند. |
| خصوصیت height | این خصوصیت ارتفاع المنت موردنظر را در قالب پیکسل تعیین میکند. |
| خصوصیت async | این خصوصیت یک خصوصیت از نوع بولین است. در صورتی که مقدار آن true باشد در صورت در دسترس بودن فایل اسکریپت، آن را بصورت غیرهمزمان لود و اجرا می کند. |
| خصوصیت crossorigin | با استفاده از این خصوصیت می توان حالت درخواست به یک درخواست HTTP CORS را مشخص کنیم. |
| خصوصیت type | این خصوصیت در المنت های مختلف دارای کاربرد گوناگون است.
برای مثال استفاده از آن در تگ button برای تعیین نوع دکمه جهت ارسال داده فرم است. در تگ input خصوصیت type برای تعیین نوع فیلد جهت دریافت اطلاعات از کاربران است. |
