HTML — مرکز (center)

آخرین بروزرسانی: 1404/08/07

قبلی: عنوان جدول (caption) بعدی: ارجاع (cite)

مرکز (center)

تگ «مرکز (center)» قدیمی است و در HTML5 پشتیبانی نمی شود. برای وسط چین متن (Center Align) باید از CSS استفاده کنیم. این کار تمیزتر است و در همه عناصر جواب می دهد.

چرا تگ center منسوخ شد؟

چون ظاهر را نباید با HTML کنترل کنیم. بنابراین، وظیفه چیدمان با CSS است. پس کد خواناتر می شود و نگهداری ساده تر می شود.

روش درست: وسط چین متن با CSS

&lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
      h1 { text-align: center; }
      p { text-align: center; }
      div { text-align: center; }
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;This is a heading&lt;/h1&gt;
    &lt;p&gt;This is a paragraph.&lt;/p&gt;
    &lt;div&gt;This is a div.&lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;

مشاهده در ادیتور

گام های عملی سریع

یک کلاس یا انتخاب گر بساز.
text-align: center; را بنویس.
کلاس را به عنصر دلخواه بده.

نکته: اگر می خواهی درباره عنوان جدول بدانی، صفحه caption را ببین. برای تمرین بیشترِ وسط چین متن هم از نمونه بالا استفاده کن.

جمع بندی سریع

<center> در HTML5 پشتیبانی نمی شود.
برای وسط چین متن از CSS استفاده کن.
text-align: center; ساده و کاربردی است.
HTML ساختار می دهد؛ CSS ظاهر را می سازد.