HTML5 היא שפת הסימון המשמשת לכתיבת דפים שמופיעים באינטרנט. זה הכללים הבאים אולי לא נראה לך ברור בהתחלה. עם זאת, ב- HTML5, יש רק כמה דברים שאתה צריך לדעת כדי להתחיל לכתוב מסמך HTML, שבו אתה יכול לעשות בכל תוכנית עיבוד תמלילים.
פתיחה וסגירה של תגים
עם רק כמה יוצאים מן הכלל, כל ההוראות - הנקראות תגים - באים בזוגות. הם נפתחו ואז נסגרו ב- HTML5. כל דבר בין תג הפתיחה לתג הסגירה תואם להנחיות הניתנות על ידי תג הפתיחה. ההבדל היחיד בקידוד הוא הוספת קו נטוי קדימה בתג הסגירה. לדוגמה:
כותרת הולכת לכאן
שתי התגים כאן מציינים שכל התוכן בין השתיים אמור להופיע בגודל כותרת h1. אם תשכח להוסיף את תג הסגירה, כל מה שמופיע אחרי תג הפתיחה יופיע בגודל הכותרת h1.
תגים בסיסיים ב HTML5
האלמנטים הבסיסיים הדרושים למסמך HTML5 הם:
- דוקטיפ
- HTML
- רֹאשׁ
- גוּף
הצהרת ה- doctype אינה תג. הוא מספר למחשב ש- HTML5 מגיע אליו. זה הולך בחלק העליון של כל דף HTML5 וזה לוקח את הטופס הזה:
תג ה- HTML אומר למחשב שכל מה שמופיע בין תג הפתיחה והסגירה תואם את הכללים של HTML5 ויש לפרשו בהתאם לכללים אלה. בתוך התג, בדרך כלל תמצא את התג ואת התג.
תגים אלה מספקים את המבנה עבור המסמך שלך, מאפשרים לדפדפנים משהו מוכר לשימוש, ואם אי פעם תעביר את המסמכים ל- XHTML, הם נדרשים בגרסה זו של השפה.
תג הכותרת חשוב SEO, או אופטימיזציה למנועי חיפוש. כתיבת תג כותרת טובה היא הדבר החשוב ביותר שאתה יכול לעשות כדי למשוך קוראים לדף שלך. הדף אינו מוצג בדף, אך הוא מוצג בחלק העליון של הדפדפן. כאשר אתה כותב את הכותרת, השתמש במילות מפתח החלות על הדף אבל לשמור אותו קריא. הכותרת נכנסת לתג הפתיחה והסגירה.
תג הגוף כולל את כל מה שאתה רואה על מסך המחשב בעת פתיחת דף אינטרנט. כמעט כל מה שאתה כותב עבור דף אינטרנט מופיע בין תגי הפתיחה והסגירה. שים את כל היסודות האלה ביחד ויש לך:
כותרת הכותרת שלך כאן. הכל בדף האינטרנט הולך כאן. שים לב שלכל תג יש תג סגירה תואם.
כותרת תגיות
תגי כותרת קובעים את הגודל היחסי של טקסט בדף אינטרנט. תגי h1 הם הגדולים ביותר, ואחריהם גודל של תגי h2, h3, h4, h5 ו- h6. אתה משתמש אלה כדי להפוך חלק טקסט בדף אינטרנט להתבלט ככותרת או משנה. ללא תגיות, כל הטקסט מופיע באותו גודל. תגי הכותרת משמשים כך:
Subhead הולך כאן
זהו זה. באפשרותך להגדיר ולכתוב דף אינטרנט שמכיל טקסט עם כותרות ותת-כותרות.
לאחר שתתרגל עם זה, תרצה ללמוד כיצד להוסיף תמונות וכיצד להזין קישורים לדפי אינטרנט אחרים. HTML5 מסוגל הרבה יותר מאשר זה מבוא מהיר בסיסי.