آشنایی با صفت 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>
توضیح کد
پاراگراف تراز شده در مرکز
این خط از کد، یک پاراگراف را ایجاد میکند که محتویاتش در وسط صفحه قرار میگیرند.
دیوی تراز شده در سمت راست
این بخش از کد یک دیو را ایجاد میکند و محتویاتش به سمت راست چیده میشوند. به این ترتیب شما میتوانید به راحتی تراز بندی را تنظیم کنید.