صفت های عمومی HTML
دسته بندی : آموزش HTML سطح مقاله : مقدماتی زمان مطالعه : 4 دقیقه آخرین بروز رسانی: 15 شهریور 1398صفت های عمومی HTML یا صفات Global در حقیقت Attributeهایی هستند که میان تمام عناصر و تگ های HTML مشترک هستند و میتوان آنها را برای تمام تگها به کار برد.
صفت های عمومی HTML
همانطور که گفتیم صفات و ویژگیهای عمومی HTML به مجموعهای از ویژگیهایی اطلاق میشود که برای تمامی تگها در زبان HTML قابل استفاده هستند. در ادامه لیست این ویژگیها را به توضیح میدهیم:
صفت | توضیحات |
accesskey | برای تعیین یک کلید میانبر (shortcut key) برای دسترسی سریع به یک المان مشخص در صفحه وب استفاده میشود؛ با استفاده از این ویژگی، میتوانید یک کلید مخصوص را به یک المان HTML اختصاص دهید، به نحوی که با استفاده از آن کلید میانبر، کاربران بتوانند به سرعت و به راحتی به آن المان دسترسی پیدا کنند. این ویژگی کمک میکند تا تجربه کاربری بهبود یابد و دسترسی به المانهای مهم در صفحه وب راحتتر شود. |
class | کلاسها به طور عمومی برای اعمال استایلها و تنظیمات ظاهری مختلف به المانها در CSS به کار میروند؛ با استفاده از ویژگی “class”، میتوانید یک تگ را به یک یا چند کلاس مرتبط کنید تا به وسیله CSS، قوانین ظاهری خاصی را برای آن تگ اعمال کنید. این کار به شما این امکان را میدهد که المانهای مختلف در صفحه وب را به گروههای مختلفی تقسیم کرده و استایلها را بر روی آن گروهها اعمال کنید. |
contenteditable | با استفاده از این ویژگی، محتوای داخل المان به نوعی قابل ویرایش شده و کاربران میتوانند متن را ویرایش کنند، عکسها را جابجا کنند یا حتی محتوای HTML را به صورت مستقیم تغییر دهند؛ این ویژگی در برنامهنویسی وب و ایجاد صفحات تعاملی مفید است و به افزایش قابلیت تعامل کاربر با صفحه وب کمک میکند. این ویژگی معمولاً بر روی المانهایی مانند div، span یا paragraph اعمال میشود. |
data-* | این صفت به شما اجازه میدهد که اطلاعات اضافی به المانها اضافه کنید بدون اینکه این اطلاعات به صورت ظاهری در صفحه نمایش داده شوند؛ با استفاده از “data-*” میتوانید اطلاعات سفارشی را به یک المان اضافه کنید و سپس با استفاده از جاوااسکریپت یا CSS از این اطلاعات برای اقدامات مختلفی مانند تغییرات دینامیک در صفحه استفاده کنید. |
dir | برای تعیین جهت متن داخل یک تگ متنی (مانند یک پاراگراف یا یک عنصر مشابه) استفاده میشود. |
draggable | برای تعیین اینکه آیا یک المان HTML قابل کشیده شدن (فرآیند کشیدن و رها کردن) است یا خیر، استفاده میشود؛ این ویژگی معمولاً بر روی المانهایی مانند تصاویر یا عناصر متنی اعمال میشود. زمانی که ویژگی “draggable” روی “true” تنظیم شود، کاربر میتواند المان را با استفاده از موس کشیده و در محل دلخواه خود رها کند در صورتی که تنظیم آن روی “false” باعث میشود المان این قابلیت را نداشته باشد. |
enterkeyhint | برای مشخص کردن یک پیشنهاد برای نوع کلید Enter در کیبورد استفاده میشود؛ این ویژگی به مرورگر یا سیستم عامل میگوید که کدام نوع کلید Enter برای یک المان ورودی (input) یا فرم (form) مناسب است. این ویژگی مخصوصاً در تجربه کاربری موبایل و توسعه وب برای بهبود تعامل با کیبورد موبایلها استفاده میشود. |
hidden | برای مخفی کردن یک المان در صفحه نمایش استفاده میشود. |
id | برای اختصاص یک شناسه یکتا به یک المان (element) استفاده میشود، هر شناسه (id) در یک صفحه وب باید یکتا باشد و دو المان نمیتوانند یک شناسه یکسان داشته باشند. |
inert | این ویژگی یک المان را غیر فعال میکند و به مرورگر اطلاع میدهد که آن المان در نظر گرفته نشود؛ توجه داشته باشید که المان هنوز در صفحه نمایش داده میشود اما عملیاتی را انجام نمیدهد. |
inputmode | برای تعیین نوع محتوای وارد شده در یک المان ورودی مثل input به کار میرود. |
lang | برای تعیین زبان محتوای یک المان متنی (مثل متن یک پاراگراف یا هر المان دیگر) استفاده میشود. |
popover | برای تعریف یک المان به صورت پاپ آپ (یک پنجره کوچک است که هنگام بازدید از یک وبسایت یا کلیک بر روی المان خاصی ظاهر میشود) استفاده میشود. |
spellcheck | برای فعال یا غیر فعال کردن بررسی املای متن درون یک المان ورودی استفاده میشود. |
style | برای استفاده از سبکهای ظاهری (CSS) بر روی یک المان HTML به کار میرود؛ این ویژگی به شما اجازه میدهد تا تنظیمات مربوط به ظاهر یک المان را مستقیماً در داخل همان تگ تعریف کنید. |
tabindex | این ویژگی به مرورگر اطلاع میدهد که ترتیب جا به جایی بین المانها با فشردن کلید tab چگونه باشد. |
title | برای ارائه یک متن توضیحی (tooltip) برای المانها استفاده میشود؛ این متن توضیحی زمانی نمایش داده میشود که کاربر موس را روی یک المان نگه دارد. |
translate | یک ویژگی در HTML است که تعیین میکند متن مرتبط با یک المان باید ترجمه شود یا خیر. |
مقاله صفت های عمومی HTML را در اینجا به اتمام میرسانیم؛ اگر به آموزش رایگان CSS علاقه دارید میتوانید تمامی مقالات آموزش CSS را در دویکس دنبال کنید.
منبع : w3schools.com
این مقاله چقدر براتون مفید بود؟