تگ hr در HTML

با تگ hr در HTML آشنا می شویم.

نکات اصلی خط افقی در HTML

• تگ <hr> یک تقسیم بندی موضوعی بین عناصر سطح پاراگراف اضافه می کند.
• این عنصر با ایجاد یک تقسیم در محتوا ، یک خط افقی ایجاد می کند.
• تگ <hr> فاقد تگ بسته است زیرا حاوی هیچ محتوایی نیست.

هدف تگ hr در HTML

عنصر<hr> با ترسیم یک خط افقی HTML یک تقسیم بندی موضوعی بین محتوا را تعریف می کند.

<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr>
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>

توجه: تگ <hr> یک قانون افقی را در نسخه های قبلی HTML تعریف می کند. در HTML5 ، برای نشان دادن وقفه موضوعی ، به عناصر معنایی اضافه می شود.

ویژگی های منسوخ شده تگ hr

align

تراز افقی عنصر را تنظیم می کند. در HTML5 پشتیبانی نمی شود. از ویژگی تراز کردن متن CSS به عنوان گزینه دیگر استفاده کنید.

<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr align="left" width="50%">
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>

noshade

خط افقی را به جای اثر سایه ، روی یک رنگ ثابت تنظیم می کند. در HTML5 پشتیبانی نمی شود.

<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr noshade>
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>

size

ارتفاع عنصر را تنظیم می کند. در HTML5 پشتیبانی نمی شود. به جای آن از ویژگی CSS استفاده کنید.

<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr noshade size="20">
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>

width در تگ hr

عرض خط افقی را در HTML تنظیم می کند. در HTML5 پشتیبانی نمی شود. به جای آن از ویژگی CSS width استفاده کنید.

<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr width="250">
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>

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

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

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