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

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

تگ <hr> در HTML

معرفی و کاربرد تگ hr در HTML | جدا کردن دو موضوع - سایت آموزی

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

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

مثال در مورد تگ <hr> در سند اچ تی ام ال

[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

HTML is a language for describing web pages.


CSS

CSS defines how to display HTML elements.

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

بررسی تگ <hr> در HTML 4.01 و HTML5

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

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

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

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

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

تفاوت تگ <hr> بین HTML و XHTML

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

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

خصوصیات ویژه تگ <hr> در اچ تی ام ال

خصوصیات عمومی تگ <hr> در اچ تی ام ال

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

پشتیبانی مرورگرها از تگ  <hr> در اچ تی ام ال

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

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ hr در HTML جدا دو موضوع خط افقی – اختصاصی سایت آموزی