معرفی و کاربرد تگ hr در HTML
معرفی و کاربرد تگ hr در HTML | جدا کردن دو موضوع خط افقی
در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی تگ <hr> در HTML می پردازیم.
تگ <hr> در HTML
عنصر <hr> جهت جدا کردن دو موضوع در صفحه HTML به کار می رود. و با کشیدن یک خط بین دو محتوا آنها را از هم تفکیک می کند. به عبارت دیگر عنصر <hr> برای جدا کردن محتوا و یا تعریف یک تغییر در یک صفحه HTML استفاده می شود.
مثال در مورد تگ <hr> در سند اچ تی ام ال
<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 is a language for describing web pages.
CSS
CSS defines how to display HTML elements.
بررسی تگ <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> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
معرفی و کاربرد تگ hr در HTML جدا دو موضوع خط افقی – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید