עיקרון חשוב של התנועה תקני אינטרנט כי הוא אחראי על התעשייה שיש לנו היום הוא הרעיון של שימוש באלמנטים HTML על מה שהם ולא על איך הם מופיעים בדפדפן כברירת מחדל. זה ידוע באמצעות HTML סמנטי.
מהו HTML סמנטי
HTML סמנטי או סימון סמנטי הוא HTML שמציג משמעות לדף האינטרנט ולא רק מצגת. לדוגמה, א
תג מציין שהטקסט המצורף הוא פסקה.
זה גם סמנטי וגם מצגת, כי אנשים יודעים מה הם פסקאות ודפדפנים יודעים איך להציג אותם.
בצד ההפוך של משוואה זו, תגים כמו ו אינם סמנטיים, משום שהם מגדירים רק כיצד הטקסט צריך להיראות (מודגש או נטוי) ואינם מספקים משמעות נוספת לסימון. דוגמאות לתגי HTML סמנטיים כוללים את תגי הכותרת היתרון של כתיבת HTML סמנטי נובעת ממה צריך להיות המטרה הנהיגה של כל דף אינטרנט - הרצון לתקשר. על ידי הוספת תגים סמנטיים למסמך שלך, אתה מספק מידע נוסף על מסמך זה, אשר מסייע בתקשורת. באופן ספציפי, תגים סמנטיים מבהירים לדפדפן מה המשמעות של הדף והתוכן שלו. בהירות זו מתקשרת גם עם מנועי החיפוש, ומבטיחה שהדפים הנכונים יועברו לשאילתות הנכונות. תגי HTML סמנטיים מספקים מידע על התוכן של תגים אלה, שמעבר לאופן שבו הם נראים בדף. טקסט זה מוקף בתוך במקום לנסות לעבד את הקוד, הדפדפן מבין שאתה משתמש בטקסט זה כדוגמה לקוד למטרות מאמר או הדרכה מקוונת מסוג כלשהו. באמצעות תגי סמנטי נותן לך הרבה יותר ווים עבור עיצוב התוכן שלך. ייתכן שהיום אתה מעדיף להציג את דגימות הקוד שלך בסגנון דפדפן ברירת המחדל, אך מחר, תרצה לצרף אותן עם צבע רקע אפור, ולאחר מכן ברצונך להגדיר את משפחת הגופנים או ערימת הגופנים המדויקים החד-ספריים המשמשים עבור הדגימות שלך. אתה יכול בקלות לעשות את כל הדברים האלה באמצעות סימון סמנטי CSS להחיל בחוכמה. כאשר אתה רוצה להשתמש בתגים סמנטיים כדי להעביר משמעות ולא למטרות תצוגה, אתה צריך להיות זהיר כי אתה לא משתמש בהם באופן שגוי פשוט עבור תכונות התצוגה המשותפת שלהם. חלק מהתגים הסמנטיים הנפוצים ביותר כוללים: על ידי שימוש בתגי HTML שיש להם משמעות, אתה יוצר דפים שמקצים מידע רב יותר מאשר רק סביב הכל בעוד כמעט כל תג HTML4 וכל תגי HTML5 יש משמעות סמנטי, כמה תגים הם סמנטיים בעיקר בטבע. לדוגמה, HTML5 הגדיר מחדש את המשמעות של ו תגים להיות סמנטיים. ה התג אינו מעביר חשיבות רבה יותר, אלא טקסט שמוצג בדרך כלל מודגש. ה גם לא מייחס חשיבות מיוחדת או הדגשה, אלא מגדיר טקסט שמופיע בדרך כלל באותיות נטיות. תגי HTML סמנטייםדרך
,
,
ו . יש הרבה יותר סמלים HTML סמנטי שיכול לשמש אותך לבנות אתר תואם לתקנים.למה אתה צריך לדאוג סמנטיקה
תג מזהה מיד על ידי הדפדפן כסוג כלשהו של שפת קידוד. השתמש סמנטית תגיות כראוי
עבור הזנת טקסט שאינו ציטוט. הסיבה לכך היא כי blockquotes הם indented כברירת מחדל. אם אתה רק רוצה היתרונות של הזחה, אבל הטקסט הוא לא בלוקוטה, להשתמש בשולי CSS במקום.
כניסות תג שמכילות טקסט ברוב הדפדפנים. זה גם שגויות סמנטית HTML לא חוקי, כמו רק
תג. שוב, השתמש בשוליים או בסגנון ריפוד כדי להזין טקסט.
אילו תגיות HTML הן סמנטיות?
קיצור ראשי תיבות ציטוט ארוך הגדרה כתובת עבור המחבר (ים) של המסמך ציטוט קוד התייחסות טקסט Teletype חלוקה לוגית מיכל כללי של סגנון מוטבע טקסט שנמחק טקסט שהוזן דגש דגש חזק כותרת ברמה הראשונה כותרת בדרגה שנייה כותרת ברמה שלישית כותרת ברמה הרביעית כותרת ברמה החמישית כותרת ברמה השישית הפסקה מתמטית טקסט שיוזן על ידי המשתמש
טקסט מעוצב מראש ציטוט קצר בתוך שורה פלט לדוגמה תחתי כתף טקסט משתנה או משתמש מוגדר
