صفحه نخست » مقالات » برنامه نویسی » آموزش HTML » استفاده از صفات HTML

استفاده از صفات HTML

دسته بندی : آموزش HTML سطح مقاله : مقدماتی زمان مطالعه : 2 دقیقه 09 آبان 1399
صفات-HTML

صفات HTML مقادیر اضافی هستند که برای شخصی سازی عناصر HTML استفاده می شوند. این صفات بسیار کاربردی بوده و می تواند خیلی از عملیات ها را به درستی مدیریت کند و کار را راحت و بدون مشکل انجام دهد.

صفت در HTML چیست؟

Attribute در HTML ، ویژگی ها می توانند اساساً بر روی هر عنصری اعمال شوند. آنها رفتار پیش فرض عنصر را اصلاح می کنند یا ویژگی های خاصی را تعیین می کنند . به مثال زیر توجه کنید:

<img src="image.png" alt="HTML Image height" height="100px">

نحوه نوشتن صفات HTML

ویژگی های HTML همیشه در تگ باز وجود دارد. نحو نسبتاً ساده ای است:

<tag name = "value">

همانطور که مشاهده می کنید ، ویژگی ها در  name-value مشخص می شوند:

  • name نام صفت HTML را مشخص می کند
  • value مقداری را که می خواهید برای آن تعیین کنید مشخص می کند

ویژگی های HTML به حروف کوچک و بزرگ حساس نیستند. با این حال ، کنسرسیوم شبکه جهانی وب توصیه می کند که آنها را برای جلوه ای دقیق تر ، با حروف کوچک بنویسید.

لیستی از رایج ترین صفات HTML

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

<nav id="faq">
 <a href="https://devix.ir">Your questions answered</a>
</nav>

ویژگی  class رابطه ای بین عنصر و یک stylesheet ایجاد می کند:

<p class="paragraph1">This is paragraph text.</p>

ویژگی  style به شما امکان می دهد برای یک عنصر یک ظاهر طراحی کنید:

<div style="background-color: black; color: white;">
  This text was styled using the style attribute
</div>

ویژگی  title اطلاعات مربوط به عنصر را اضافه می کند. قرار گرفتن روی آن باعث می شود که یک  tooltip با عنوان شما ایجاد شود:

<h1 title="This will show up after hovering the mouse over this element">Some random text</h1>

توجه :   idclassstyle و  title در سطح جهانی پشتیبانی می شوند.

ویژگی alt برخی از متن های جایگزین را تنظیم می کند تا در صورت بارگیری یک عنصر (به عنوان مثال یک تصویر) نمایش داده نشود:

<img src="image.png" alt="Space Doggo">

توجه: می توانید از alt با عناصر <applet> ، <area> ،<img> و <input> استفاده کنید.

ویژگی href با ایجاد یک پیوند اینترنتی که می تواند شما را به هر صفحه وب دیگری برساند ، یک مقصد URL را برای یک پیوند اضافه می کند:

<a href="https://www.devix.ir/">Click this link to start learning.</a>

با استفاده از ویژگی های عرض و ارتفاع HTML ، می توانید ابعاد عنصر را تغییر دهید:

<img src="image.png" width="100" height="100">

توجه: اندازه معمولاً با پیکسل (px) تعریف می شود.

src مخفف منبع است. با استفاده از این ویژگی HTML می توانید یک منبع خارجی برای یک عنصر تعریف کنید:

<pre class="wp-block-code"><code></code></pre>

توجه: می توانید از src با عناصر <frame>، <iframe> ، <img> ،<input> و <script> استفاده کنید.

نکات مفید صفات HTML

  • هنگام استفاده از چندین ویژگی HTML ، می توانید آنها را به هر ترتیب لیست کنید – فقط مطمئن شوید که آنها را با فاصله از هم جدا کنید.
  • alt به شما کمک می کند وب سایت شما برای کاربران معلول که از صفحه خوان استفاده می کنند قابل دسترسی باشد. وقتی فناوری های کمکی ، جایگزینی برای خواندن دارند ، افراد معلول می توانند مطالب را بهتر درک کنند.
  • ویژگی title در HTML می تواند به بهینه سازی وب سایت شما برای موتورهای جستجو کمک کند ، زیرا این اطلاعات تکمیلی همچنین می تواند حاوی کلمات کلیدی باشد.

دوره رایگان html را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

5 / 5.00
[ 1 رای ]
مطالب مشابه

Related Posts