تگ hr از آن دسته تگ هایی است که جزو عناصر تهی به شمار می رود و برای ایجاد خط بین دو مبحث جدا در صفحات Html از آن استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )
توجه داشته باشید که این تگ در Html5 برای جداکردن دو موضوع و در Html4 برای کشیدن یک خط استفاده شده است. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
از نکات دیگری که باید گفته شود اینست که چون در html5 تمام خصوصیت های تگ hr قابل پشتیبانی نیست بنابراین باید از CSS برای ایجاد این خصایص کمک گرفته شود.
در زیر قطعه کدی مشاهده می کنید که در آن از تگ hr برای ایجاد فاصله بین دو پاراگراف تگ p ایجاد شده است:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html> <body> <h2>تیتر اول</h2> <p>پاراگراف اول.</p> <hr> <h2>تیتر دوم</h2> <p>پاراگراف دوم.</p> </body> </html> |
خروجی کد بالا به شکل زیر می باشد:
پاراگراف اول.
پاراگراف دوم.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| aling | left center right justify | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید. |
| noshade | noshade | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت تگ hr بدون سایه و تنها با یک رنگ به نمایش در می آید. |
| size | pixels | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید. |
| width | pixels % | این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید. |
تگ hr تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
تمامی مرور گر ها را پشتیبانی می کند.