برچسب <hr> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
گذاشتن یک خط و نشان دادن تغییر موضوع یک مطلب
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:به پائین مراجعه کنید

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

از برچسب <hr> برای تغییر موضوعی در یک محتوا استفاده کنید:

<h1>The Main Languages of the Web</h1>

<p>HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page, and consists of a series of elements. HTML elements tell the browser how to display the content.</p>

<hr>

<p>CSS is a language that describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work, because it can control the layout of multiple web pages all at once.</p>

<hr>

<p>JavaScript is the programming language of HTML and the Web. JavaScript can change HTML content and attribute values. JavaScript can change CSS. JavaScript can hide and show HTML elements, and more.</p>


مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

تعریف و کاربرد

برچسب <hr> یک شکاف موضوعی را در یک صفحهٔ اچ‌تی‌ام‌ال تعریف می‌کند (برای مثال یک تغییر موضوع).[۱]

عنصر <hr> بیشتر اوقات بعنوان یک خط افقی نمایش داده می‌شود که برای جدا کردن محتوا (یا تعریف یک تغییر) در یک صفحهٔ اچ‌تی‌ام‌ال به کار می‌رود.

پشتیبانی مرورگر

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<hr> بله بله بله بله بله

ویژگی‌های سراسری

همچنین برچسب <hr> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <hr> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

<hr style="width:50%;text-align:left;margin-left:0">


مثال

یک <hr> بدون سایه (با CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">


مثال

ارتفاع عنصر <hr> را تنظیم کنید (با CSS):

<hr style="height:30px">


مثال

پهنای عنصر <hr> را تنظیم کنید (با CSS):

<hr style="width:50%">


صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شی HR (HR Object)

تنظیمات پیش‌فرض CSS

بیشتر مرورگرها عنصر <hr> را با مقادیر پیش‌فرض زیر نمایش می‌دهند:

مثال

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}


منابع آموزشی