آشنایی با صفت align در HTML

align attribute html
08 دی 1403

آشنایی با صفت align در HTML

یکی از درس‌های پایه‌ای در HTML، آشنایی با صفات (attributes) است. یکی از این صفات، صفت align می‌باشد که برای تنظیم نحوه‌ی چیدمان عناصر استفاده می‌شود. اگرچه این صفت امروزه به طور گسترده در CSS مدیریت می‌شود، اما هنوز هم شایسته‌ی بررسی و توجه ویژه است. با وجود اینکه CSS انتخاب بهتری است، هنوز که هنوز است در بعضی از صفحات وب، به خصوص صفحات قدیمی، می‌توانیم به این صفت بر بخوریم.

صفت align به شما اجازه می‌دهد تا تراز (alignment) محتوای عناصر مختلف HTML مانند <p>، <div> یا <h1> را تنظیم کنید. این صفت معمولاً مقادیر استانداردی مانند left، center و right را پشتیبانی می‌کند. با استفاده از این مقادیر، شما می‌توانید محتوای خود را به راحتی تراز کنید و ظاهر زیبایی به صفحه وب خود ببخشید.

با این حال، باید توجه داشت که استفاده از صفت align به نوعی قدیمی به نظر می‌رسد و وب‌سایت‌های مدرن بیشتر به سمت CSS و استایل‌های مستقل از محتوا حرکت کرده‌اند. در واقع، به جای اینکه با استفاده از این صفت عناصر خود را تنظیم کنید، می‌توانید از ویژگی‌های CSS مانند text-align یا margin استفاده کنید که هم بسیار قدرتمندتر و هم کنترل بیشتری به شما می‌دهند.

به عنوان مثال، با CSS می‌توانید چندین ویژگی را به عناصر مختلف وب‌سایت خود اعمال کنید که به ناوبری، ظاهر و احساس کلی وب‌سایت کمک می‌کند. به این ترتیب، اگرچه صفت align هنوز هم در HTML وجود دارد، توصیه می‌کنم از آن به عنوان یک راهکار دائمی استفاده نکنید.

نمونه کد

<p align="center">این یک پاراگراف تراز شده در مرکز است</p>
<div align="right">
این یک دیوی تراز شده در سمت راست است
</div>

توضیح کد

پاراگراف تراز شده در مرکز
این خط از کد، یک پاراگراف را ایجاد می‌کند که محتویاتش در وسط صفحه قرار می‌گیرند.

دیوی تراز شده در سمت راست
این بخش از کد یک دیو را ایجاد می‌کند و محتویاتش به سمت راست چیده می‌شوند. به این ترتیب شما می‌توانید به راحتی تراز بندی را تنظیم کنید.

سوالات متداول

؟

چرا باید از CSS به جای صفت align استفاده کنم؟

؟

به چه چیزی توجه کنم وقتی که از صفت align استفاده می‌کنم؟

؟

چطور می‌توانم تراز محتوا را با CSS تنظیم کنم؟