آموزش تگ hr در Html

تگ hr از آن دسته تگ هایی است که جزو عناصر تهی به شمار می رود و برای ایجاد خط بین دو مبحث جدا در صفحات Html از آن استفاده می شود. (طراحی سایت , سئو سایت , طراحی سایت )

توجه داشته باشید که این تگ در Html5 برای جداکردن دو موضوع و در Html4 برای کشیدن یک خط استفاده شده است. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )

از نکات دیگری که باید گفته شود اینست که چون در html5 تمام خصوصیت های تگ hr قابل پشتیبانی نیست بنابراین باید از CSS برای ایجاد این خصایص کمک گرفته شود.

در زیر قطعه کدی مشاهده می کنید که در آن از تگ hr برای ایجاد فاصله بین دو پاراگراف تگ p ایجاد شده است:

<!DOCTYPE html>

<html>

<body>

<h2>تیتراول</h2>

<p>پاراگرافاول.</p>

<hr>

<h2>تیتردوم</h2>

<p>پاراگرافدوم.</p>

</body>

</html>

خروجی کد بالا به شکل زیر می باشد:

تیتر اول

پاراگراف اول.

تیتر دوم

پاراگراف دوم.

خصوصیت های تگ hr در Html:

خصوصیت	مقدار	توضیحات
aling	left center right justify	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه سرتیر و عنوان بندی را تغییر دهید. این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت می توانید نحوه ترازبندی عنوان را تغییر دهید.
noshade	noshade	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. با استفاده از این خصوصیت تگ hr بدون سایه و تنها با یک رنگ به نمایش در می آید.
size	pixels	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید.
width	pixels %	این خصوصیت در حال حاضر در Html5 پشتیبانی نمی شود. توسط این خصوصیت می توانید ارتفاع تگ hr را تغییر دهید.

تگ hr تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.

پشتیبانی مرور گرها از تگ hr در Html:

تمامی مرور گر ها را پشتیبانی می کند.

سئو سایت