تگ <code>&lt;hr&gt;</code> در HTML5 مخفف horizontal rule است و برای ایجاد یک خط افقی در صفحه وب استفاده می شود. این خط برای تفکیک محتوا به بخش‌های مجزا یا تقسیم بصری محتوا برای ظاهری تمیزتر استفاده می‌شود. تگ &lt;hr&gt; یک تگ خالی است، به این معنی که برچسب بسته شدن ندارد و به محتوایی در آن نیاز ندارد.در اینجا مثالی از نحوه استفاده از تگ <code>&lt;hr&gt;</code> در HTML5 آورده شده است:<pre><code class="language-html">&lt;p&gt;This is some content.&lt;/p&gt;
&lt;hr&gt;
&lt;p&gt;This is some more content.&lt;/p&gt;</code></pre> این منجر به یک صفحه وب با یک خط افقی می شود که دو پاراگراف متن را از هم جدا می کند. خط معمولاً با رنگی که CSS صفحه وب مشخص می کند نمایش داده می شود و اندازه و سبک آن را می توان با استفاده از CSS تنظیم کرد.در اینجا اطلاعات اضافی در مورد تگ <code>&lt;hr&gt;</code> در HTML5 آمده است:وب معنای: تگ <code>&lt;hr&gt;</code> دارای معنای جداکننده یا تقسیم کننده است و برای نشان دادن تغییر در محتوا یا تغییر در تمرکز صفحه استفاده می شود. اغلب برای جدا کردن بخش‌هایی از محتوا، مانند بخش‌های یک صفحه، بخش‌های داخل یک فرم، یا بخش‌هایی در یک جدول استفاده می‌شود.Style: سبک خط افقی ایجاد شده توسط تگ <code>&lt;hr&gt;</code> را می توان با استفاده از CSS سفارشی کرد، مانند رنگ، عرض، ارتفاع، سبک حاشیه و سایر ویژگی ها. به عنوان مثال، می توانید رنگ خط را تغییر دهید تا با طرح رنگی وب سایت خود مطابقت داشته باشد یا می توانید ارتفاع خط را طوری تنظیم کنید که ضخیم تر یا نازک تر شود.قابلیت دسترسی: تگ <code>&lt;hr&gt;</code> قابل دسترسی به صفحه نمایش است، به این معنی که کاربرانی که دارای اختلال بینایی هستند می توانند از صفحه خوان برای درک ساختار و محتوای یک صفحه وب استفاده کنند. صفحه خوان ها می توانند وجود یک خط افقی را اعلام کنند و درک محتوا و پیمایش صفحه را برای کاربران آسان تر می کند.جایگزینی برای عناصر دیگر: تگ <code>&lt;hr&gt;</code> می تواند به عنوان جایگزینی برای سایر عناصر HTML مانند تگ <code>&lt;div&gt;</code> برای ایجاد جداکننده یا تقسیم کننده بصری استفاده شود. با این حال، استفاده از تگ <code>&lt;hr&gt;</code> از نظر معنایی صحیح تر است و درک آن آسان تر است، زیرا به صراحت وجود یک خط افقی را نشان می دهد.مهم است که از تگ <code>&lt;hr&gt;</code> به صورت معنادار و منسجم استفاده کنید و تأثیر آن را بر دسترسی و قابلیت استفاده یک صفحه وب در نظر بگیرید. استفاده از خطوط افقی می تواند به ایجاد ظاهری تمیز و سازمان یافته برای یک صفحه وب کمک کند، اما مهم است که از آنها به اندازه کافی و فقط در مواقع ضروری استفاده کنید.

دوره جامع آموزش HTML 5

تگ های پایه - HTML 5 Basic Tags

لینک‌ها - HTML 5 Links