تگ hr در HTML
مثال (تگ hr در HTML)
استفاده از تگ <hr> برای یک تغییر موضوعی در محتوا:
<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> را با مقادیر پیش فرض زیر نشان می دهند:
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}
- نوشته شده توسط سمیه فخری
- بازدید: 19059
