نوشتن نظر کلیک کنید

HTML – خاصیت‌ها (Attributes)

آخرین بروزرسانی: ۱۱ اسفند ۱۴۰۲

ویژگی‌ها یا ویژگی‌های یک عنصر HTML اطلاعات اضافی را که به آن عنصر مربوط می‌شود، مشخص می‌کنند. این ویژگی‌ها معمولاً به صورت جفت‌های “نام و مقدار” (name-value pairs) استفاده می‌شوند و به عنوان ورودی‌ها برای تغییر رفتار یا نمایش عنصر در مرورگر مورد استفاده قرار می‌گیرند.

یکی از ویژگی‌های متداول در HTML align است. این ویژگی برای تعیین ترازمندی (یا چیدمان افقی) محتوای یک عنصر مورد استفاده قرار می‌گیرد. مقادیر ممکن برای align شامل “left” برای چیدمان به سمت چپ، “right” برای چیدمان به سمت راست و “center” برای ترازمندی محتوا در وسط هستند.

اینجا یک مثال از استفاده از ویژگی align در یک عنصر <div> است:

<div align="center">
    <p>This text will be centered.</p>
</div>

در این مثال، متن داخل عنصر <div> به وسیلهٔ استفاده از ویژگی align="center" در وسط صفحه قرار می‌گیرد.

ویژگی‌های اصلی (Core Attributes)

ویژگی‌های اصلی یا Core Attributes در HTML ویژگی‌های عمومی و کلیدی‌ای هستند که برای تمامی عناصر قابل استفاده هستند. این ویژگی‌ها به طور عمومی برای تغییراتی مانند تعیین استایل، تعیین مختصات، تعیین رنگ‌ها و موارد مشابه استفاده می‌شوند. در زیر توضیحاتی در مورد هر یک از ویژگی‌های اصلی آورده شده است:

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

<p id="unique-paragraph">This paragraph has a unique ID.</p>

class: این ویژگی برای تعیین یک یا چند کلاس برای عنصر استفاده می‌شود. کلاس‌ها می‌توانند برای اعمال استایل‌ها یا اعمال تغییرات به صورت گروهی استفاده شوند.

<p class="important">This paragraph is important.</p>

style: این ویژگی برای تعیین استایل‌های خاص برای عنصر استفاده می‌شود. این استایل‌ها می‌توانند مانند رنگ متن، پس‌زمینه، فونت و … باشند.

<p style="color: red; font-weight: bold;">This paragraph has red text and bold font.</p>

title: این ویژگی برای ارائه اطلاعات توضیحی (tooltip) برای عنصر استفاده می‌شود. وقتی کاربر نشانگر ماوس را روی عنصر می‌برد، متنی که در این ویژگی قرار داده شده است نمایش داده می‌شود.

<img src="example.jpg" alt="Example Image" title="This is an example image.">

ویژگی‌های بین‌المللی سازی (Internationalization Attributes)

ویژگی‌های بین‌المللی‌سازی یا Internationalization Attributes در HTML ویژگی‌هایی هستند که برای تعیین جزئیات بین‌المللی محتوا استفاده می‌شوند. این ویژگی‌ها برای ارتقاء قابلیت اطمینان و دسترسی به محتوا در محیط‌های چندزبانه و چندفرهنگی اهمیت زیادی دارند. در زیر توضیحاتی در مورد هر یک از ویژگی‌های بین‌المللی‌سازی آورده شده است:

lang: این ویژگی برای تعیین زبان محتوای عنصر استفاده می‌شود. این ویژگی مخصوصاً مفید است وقتی که صفحه وب شامل متونی به چندین زبان می‌شود یا وقتی که نیاز به تشخیص زبان محتوا توسط موتورهای جستجو و تحلیلگرها وجود دارد.

<div lang="en">This text is in English.</div>

dir: این ویژگی برای تعیین جهت متن درون عنصر استفاده می‌شود، به‌طوری که می‌تواند به ترتیب چپ به راست (ltr) یا راست به چپ (rtl) باشد. این ویژگی مخصوصاً برای زبان‌هایی که از راست به چپ می‌نویسند، مفید است.

<div dir="rtl">این متن به‌سمت راست می‌چرخد.</div>

xml:lang: این ویژگی نسخه XML ویژگی lang است و برای تعیین زبان محتوای یک عنصر در اسناد XML استفاده می‌شود.

<description xml:lang="fr">Ceci est une description en français.</description>

translate: این ویژگی برای تعیین اینکه محتوای یک عنصر باید ترجمه شود یا خیر استفاده می‌شود. مقادیر ممکن برای این ویژگی عبارتند از “yes” (ترجمه شود) و “no” (ترجمه نشود).

<p translate="no">This paragraph should not be translated.</p>

content: این ویژگی برای تعیین محتوای دقیق یک عنصر استفاده می‌شود. این محتوا به عنوان یک برچسب جایگزین در دستورالعمل‌های ترجمه مورد استفاده قرار می‌گیرد.

<meta name="description" content="This is the description of the page.">

charset: این ویژگی برای تعیین مجموعه نویسه‌هایی است که برای کاراکترهای متنی استفاده می‌شود. این ویژگی مهم است زیرا به موتورهای جستجو کمک می‌کند تا محتوای صفحه را درست تفسیر کنند.

<meta charset="UTF-8">

دیگر خاصیت‌ها (Attributes)

background: این ویژگی برای تعیین تصویر یا رنگ پس‌زمینه عنصر مورد استفاده می‌شود. می‌توانید یک تصویر پس‌زمینه یا یک رنگ خالص را انتخاب کنید.

<div style="background-image: url('background.jpg');">
   <!-- محتوای عنصر -->
</div>

width: این ویژگی برای تعیین عرض یک عنصر استفاده می‌شود. می‌توانید مقدار آن را به پیکسل یا درصد تعیین کنید.

<img src="image.jpg" width="300" height="200">

height: این ویژگی برای تعیین ارتفاع یک عنصر استفاده می‌شود. همچنان می‌توانید مقدار آن را به پیکسل یا درصد تعیین کنید.

<img src="image.jpg" width="300" height="200">

valign: این ویژگی برای تعیین چگونگی تراز محتوای یک عنصر عمودیاً استفاده می‌شود. مقادیر ممکن برای این ویژگی شامل “top”، “middle” و “bottom” هستند.

<td valign="top">محتوای سلول</td>

bgcolor: این ویژگی برای تعیین رنگ پس‌زمینه یک عنصر مورد استفاده می‌شود. معمولاً برای تعیین رنگ پس‌زمینه یک جدول یا یک سلول در یک جدول استفاده می‌شود.

<table bgcolor="#FFFF00">
   <!-- سلول‌ها و محتوای جدول -->
</table>

HTML – خاصیت‌ها (Attributes)

ویژگی‌های اصلی (Core Attributes)

ویژگی‌های بین‌المللی سازی (Internationalization Attributes)

دیگر خاصیت‌ها (Attributes)

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

HTML – خاصیت‌ها (Attributes)

ویژگی‌های اصلی (Core Attributes)

ویژگی‌های بین‌المللی سازی (Internationalization Attributes)

دیگر خاصیت‌ها (Attributes)

پست های مرتبط

مطالعه این پست ها رو از دست ندین!

JavaScript – رویدادها (Events)

JavaScript – سازنده‌های شیء (Object Constructors)

JavaScript – نمایش شیء (Object Display)

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید