از المان <hr> در HTML برای ایجاد وقفه یا شکست موضوعی در محتوای یک صفحه استفاده میشود. برای مثال زمانی که موضوع متن در صفحه عوض میشود این تغییر موضوع با کمک یک المان <hr> مشخص میشود.
معمولا المان <hr> به صورت یک خط افقی نمایش داده میشود. اصطلاح قانون افقی یا Horizontal Rule در HTML به همین خط و المان اشاره میکند.
هرچند این المان در حال حاضر نیز معمولا در قالب یک خط افقی در مرورگرهای وب رندر میشود اما امروزه این المان بیشتر نقش معنایی دارد تا نقش نمایشی. در واقع المان <hr> بیش از اینکه با یک خط ساده شناخته شود از تغییر موضوع محتوا خبر میدهد. اگر میخواهید صرفا یک خط افقی در صفحه درج شود بهتر است به جای این المان از CSS کمک بگیرید.
نحوه ایجاد وقفه یا شکست موضوعی و رسم خط افقی با کمک المان <hr>
المان <hr> در قالب یک تگ ظاهر میشود و نیازی به تگ پایان ندارد. به عبارت بهتر این المان، یک المان خالی محسوب میشود. برای ایجاد وقفه موضوعی در اچتیامال کافیست در محل تغییر موضوع، مشابه با مثال زیر این المان را درج کنید.
<p>This is paragraph 1. This is paragraph 1. This is paragraph 1. This is paragraph 1. This is paragraph 1. This is paragraph 1.</p>
<hr>
<p>This is paragraph 2. This is paragraph 2. This is paragraph 2. This is paragraph 2. This is paragraph 2. This is paragraph 2.</p> نتیجه کد HTML فوق معمولا به صورت پیشفرض مشابه با تصویر زیر رندر میشود. (به خط افقی رسم شده مابین دو پاراگراف دقت کنید).
بازگشت به فهرست مجموعه آموزشی HTML
