معرفی و کاربرد تگ 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 | مقادیر | کاربرد در سند HTML |
| align | left | در HTML5 پشتیبانی نمی شود. جهت قرارگیری عنصر hr را مشخص می کند. |
| center | ||
| right | ||
| noshade | noshade | در HTML5 پشتیبانی نمی شود. مشخص می کند که عنصر hr در یک رنگ ساده نمایش داده شود. (بدون سایه) |
| size | pixels | در HTML5 پشتیبانی نمی شود. ارتفاع عنصر hr را مشخص می کند |
| width | pixels | در HTML5 پشتیبانی نمی شود. عرض عنصر hr را مشخص می کند. |
| % |
خصوصیات عمومی تگ <hr> در اچ تی ام ال
تگ <hr> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <hr> در اچ تی ام ال
تگ <hr> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
