תג ה- HR משמש במסמכי אינטרנט להצגת קו אופקי על פני הדף, או לעתים נקרא כלל אופקי. שלא כמו כמה תגים, זה לא צריך תג הסגירה, אז כל מה שאתה צריך לעשות הוא להקליד כדי להכניס את השורה.
הקו משתרע על פני כל רוחב הדף ונושא עמו מספר תכונות ברירת מחדל לתיאור עובי, מיקום וצבע השורה, אך ניתן לשנות הגדרות אלה אם תרצה בכך.
ניתן לערוך את המאפיינים של הקו האופקי במסמך HTML5 על ידי עריכת CSS של הדף. שורות HTML אופקיות של HTML4 שונו בצד ה- HTML של המסמך.
האם תג סמנטיק HR?
ב- HTML4, תג ה- HR לא היה סמנטי. אלמנטים סמנטיים מתארים את משמעותם במונחים של הדפדפן והיזם יכולים בקלות להבין. תג ה- HR היה רק דרך להוסיף שורה פשוטה למסמך בכל מקום שתרצה. עיצוב רק את הגבול העליון או התחתון של האלמנט שבו אתה רוצה את הקו יופיע להציב שורה אופקית בחלק העליון או התחתון של האלמנט, אבל באופן כללי, תג HR היה קל יותר לשימוש למטרה זו.
החל מ- HTML5, תג ה- HR הפך לסמנטי, והוא מגדיר כעת הפסקה ברמה נושאית ברמת הפסקה, שהיא הפסקה בזרימה של התוכן שאינה מצדיקה דף חדש או תיחום חזק יותר - זהו שינוי הנושא. לדוגמה, ייתכן שתמצא תג HR לאחר שינוי סצינה בסיפור, או שהוא עשוי להצביע על שינוי הנושא במסמך הפניה.
תכונות HR ב- HTML4 ו- HTML5
ב HTML4, תג HR ניתן להקצות תכונות פשוטות כולל יישור, רוחב, ו noshade . ניתן להגדיר את היישור שמאלה , מרכז , ימין או להצדיק . הרוחב מתאים את רוחב הקו האופקי מ -100 האחוזים המוגדרים כברירת מחדל, המרחיבה את הקו לאורך הדף. ה noshade תכונה מעבירה קו צבע מוצק במקום צבע מוצל.
תכונות אלה מיושנות ב- HTML5. במקום זאת עליך להשתמש ב- CSS כדי לסמן את תגי ה- HR במסמכי HTML5.
זוהי דוגמה של HTML5 לסגנונן של הקו האופקי עד 10 פיקסלים גבוה באמצעות CSS מוטבע (סגנונות מוכנסים ישירות למסמך יחד עם HTML):
דרך נוספת לסגנן קווים אופקיים ב- HTML5 היא להשתמש בקובץ CSS נפרד ולקשר אליו ממסמך HTML. בקובץ CSS, היית כותב את הסטיילינג כך: hr {גובה: 10px}
אותו אפקט ב- HTML4 מחייב אותך להוסיף תכונה לתוכן HTML. הנה איך לשנות את גודל הקו האופקי עם גודל תכונה:
יש הרבה יותר חופש בעיצוב קווים אופקיים ב- CSS לעומת HTML. רק ה רוחב ו גובה סגנונות עקביים בכל הדפדפנים, לכן ייתכן שיהיה צורך בניסוי ובשגיאה בעת שימוש בסגנונות אחרים. רוחב ברירת המחדל הוא תמיד 100 אחוז מהרוחב של דף האינטרנט או אלמנט ההורה. גובה ברירת המחדל של הכלל הוא שני פיקסלים.
