تگ center در HTML

با ویژگی های تگ center در HTML آشنا شوید. این تگ یک تگ منسوخ شده است.

نحوه استفاده از تگ center

تگ center برای متمرکز کردن متن در HTML استفاده می شود:

<center>Everything here will be displayed in the center of the document.</center>

با این حال ، تگ center در HTML4 منسوخ شد. اگرچه ممکن است پشتیبانی مرورگر از آن به طور کامل قطع نشده باشد ، اما این فقط به زمان نیاز دارد ، بنابراین بهتر است از استفاده از آن خودداری کنید. جدیدترین نسخه های HTML ترک سبک را به CSS ترغیب می کنند.

نکات اصلی تگ center:

• از تگ center برای همسویی متن در مرکز صفحه استفاده شد.
• تگ center یک عنصر در سطح بلوک بود.
• تگ <center> در HTML4 منسوخ شد. اکنون توصیه می شود محتوای HTML را با استفاده از CSS تراز کنید.
•  

گزینه های CSS برای center

برای تراز کردن متن HTML به مرکز ، می توانید ویژگی متن تراز را با مقدار تگ center اعمال کنید:

<div style="text-align:center">This text is centered for your convenience!
<p> I am also centered with CSS!<p></div>

توجه: اگر ویژگی text-align را بر روی عناصر <div> یا <p> اعمال کنید ، بر محتوای آن ها و نه بر خود عناصر تأثیر می گذارد.

همچنین می توانید با افزودن حاشیه به سمت چپ یا راست آن ، عناصر ما را به مرکز نزدیک کنید:

p {
   display: block;
   margin-left: 5px;
}

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.