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

معرفی و کاربرد تگ hr در HTML | جدا کردن دو موضوع خط افقی

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی تگ <hr> در HTML می پردازیم.

تگ <hr> در HTML

تگ <hr> جهت جدا کردن دو موضوع در صفحه HTML به کار می رود. و با کشیدن یک خط بین دو محتوا آنها را از هم تفکیک می کند.

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

[html]<h3>HTML</h3>
<p>HTML is a language for describing web pages…..</p>
<hr>
<h3>CSS</h3>
<p>CSS defines how to display HTML elements…..</p>[/html]

HTML is a language for describing web pages.

CSS defines how to display HTML elements.

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

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

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

اما در حال حاضر از لحاظ معنایی تعریف می شود نه از لحاظ نمایشی.

تمام ویژگی های تگ <hr> در HTML5 پشتیبانی نمی شود. لذا شما می توانید جهت جدا کردن خط برای تفکیک دو محتوا از CSS استفاده کنید.

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

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


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

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

تگ <hr> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.