تگ hr در HTML

چاپ

مثال (تگ hr در HTML)

استفاده از تگ <hr> برای یک تغییر موضوعی در محتوا:

<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>

<hr>

<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>

خودتان امتحان کنید »

تعریف و کاربرد تگ hr در HTML

تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود (مانند تغییر موضوع).

تگ <hr> برای جدا کردن محتوا (و یا تعریف یک تغییر) در یک صفحه HTML استفاده می شود.


پشتیبانی مرورگرها از تگ hr در HTML

عنصر          
<hr> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5

در HTML5، تگ <hr> برای جدا کردن دو موضوع در صفحه HTML به کار می رود.

در HTML 4.01، تگ <hr> نشان دهنده یک خط افقی است.

به هر حال ممکن است تگ <hr> هنوز هم به عنوان یک خط افقی در مرورگرهای بصری نمایش داده شود، اما در حال حاضر از لحاظ معنایی تعریف می شود نه از لحاظ نمایشی.

تمام ویژگی های طرح در  HTML5 پشتیبانی نمی شود. شما می توانید از CSS استفاده کنید.


تفاوت بین  HTML  و  XHTML

در HTML، تگ <hr> تگ پایانی ندارد.

در XHTML، تگ <hr> با یک تگ پایانی بسته می شود، مانند: <hr />.


خصوصیت ها

خصوصیت مقدار توضیحات
align left
center
right
در HTML5 پشتیبانی نمی شود.
 جهت قرارگیری عنصر <hr> را مشخص می کند.
noshade noshade در HTML5 پشتیبانی نمی شود.
 مشخص می کند که عنصر <hr> در یک رنگ ساده نمایش داده شود. (بدون سایه)
size pixels در HTML5 پشتیبانی نمی شود.
 ارتفاع عنصر <hr> را مشخص می کند
width pixels
%
در HTML5 پشتیبانی نمی شود.
 عرض عنصر <hr> را مشخص می کند.

ویژگی های عمومی تگ hr در HTML

تگ <hr> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ hr در HTML

تگ <hr> از رویدادهای عمومی در HTML پشتیبانی می کند.


تنظیمات پیش فرض  CSS

بیشتر مرورگرها عنصر <hr> را با مقادیر پیش فرض زیر نشان می دهند:

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}