מדריך זה מדגים מהי תבנית התחלה של HTML.
מהי HTML Starter Template?
תבנית התחלה של HTML מכילה הצהרת , תגיות ,
ו- , וקבוצה בסיסית של סגנונות CSS וסקריפטים של JavaScript. תגים אלו מספקים בסיס ליצירת דף אינטרנט אשר חוסך הרבה זמן ומאמץ עבור המפתחים.תבנית ה-HTML Starter מופיעה כך:
< html רַק = 'ב' >
< רֹאשׁ >
< מטא ערכת תווים = 'UTF-8' >
< מטא שֵׁם = 'נקודת מבט' תוֹכֶן = 'width=device-width, initial-scale=1' >
< כותרת > לינוקס < / כותרת >
< קישור rel = 'גיליון סגנונות' href = './style.css' >
< מטא http-equiv = 'תואם X-UA' תוֹכֶן = 'כלומר=קצה' >
< / רֹאשׁ >
< גוּף >
<ראשי>
< h1 > תבנית HTML Starter < / h1 >
< / ראשי>
< תַסרִיט src = 'index.js' >< / תַסרִיט >
< / גוּף >
< / html >
עקוב אחר ההדגמה שלהלן כדי לקבל ידע על התגים/אלמנטים הזמינים בתבנית HTML Starter:
התג
ה ' תג ' מכיל את הנתונים על סוג הקובץ ואומר לדפדפן כיצד לעבד אותו. תג זה עוזר רבות באופטימיזציה למנועי חיפוש על ידי מתן מידע על איזו גרסה של HTML משמשת לבניית דף האינטרנט. אם תג זה חסר בקובץ HTML, דפדפן האינטרנט עלול להתנהג באופן בלתי צפוי או להציג רכיבים שגויים.
התג
ה ' ' תג הוא רכיב נדרש, והוא פועל כמו מיכל עבור כל רכיבי ה-HTML. זהו אלמנט השורש אומר שכל שאר האלמנטים חייבים להיות ממוקמים בפנים כדי לעבוד כראוי. ניתן להשתמש בתג זה כדי להגדיר את המבנה והתוכן של דף האינטרנט ולעזור לציון המטא נתונים על המסמך. משתמש שלו ' רַק ' תכונה ניתן להגדיר את השפה של דף ה-HTML:
< html רַק = 'ב' >// קוד
< / html >
בקטע הקוד שלמעלה, שפת דף ה-HTML מוגדרת ל' אנגלית '.
התג ''.
המידע על דף האינטרנט מוכנס בתוך ' ' ואינו גלוי בדף האינטרנט ומידע זה משמש למטרות SEO. הוא כולל בדרך כלל מטא נתונים, כגון כותרת העמוד, תיאור ומילות מפתח, כמו גם קישורים לגיליונות סגנונות חיצוניים, סקריפטים ומשאבים אחרים:
< רֹאשׁ >// לְהַכנִיס קוד כאן
< / רֹאשׁ >
התגיות
התג מספק מטא נתונים על מסמך ה-HTML, כגון ערכת התווים, מילות המפתח ותיאור העמוד. זה ממלא תפקיד חיוני באופטימיזציה למנועי דפדפן. זה מבטיח שדפדפן האינטרנט מציג את הטקסט בצורה נכונה תוך שימוש בתקני הקידוד הנכונים. משמש גם כדי להגדיר את מילות המפתח והתיאור הקשורים לדף HTML:
< מטא ... / > התג
ה '
לאחר ביצוע שורת הקוד שלמעלה בתוך ' ', דף האינטרנט מופיע כך:
הפלט שלמעלה מציג שנתוני הדמה שסופקו בתוך '
התג
תג זה משמש לקישור קבצי HTML לקבצים אחרים כדי לרשת או להשתמש בסגנון או בשיטות בקובץ ה-HTML. הקבצים האחרים עשויים להיות קובצי CSS שנוצרו על ידי המפתח או חלק מה-CDN של מסגרות ה-CSS כמו Bootstrap או Tailwind וכו'. זה נמצא בשימוש נרחב מכיוון שבאמצעותו שורת הקוד יורדת מאוד ומספקת סגנונות בנייה מראש שניתן להשתמש בהם ב קובץ HTML:
< קישור rel = 'גיליון סגנונות' href = './style.css' >בשורת הקוד שלמעלה, ' style.css ' הקובץ מקושר לקובץ ה-HTML. כעת, ניתן לגשת למחלקות שנבנו בתוך קובץ 'style.css' כדי להחיל עיצוב בקובץ ה-HTML. לדוגמה, נסה לעצב את ' ' תג שכבר הוכנס בתוך קובץ ה-HTML באמצעות מאפייני ה-CSS הבאים:
h1 {font-family: times new roman;
צֶבַע : darkcyan;
}
הכנס את הקוד לעיל ב' style.css 'קובץ. לאחר עיבוד דף האינטרנט נראה כך:
דף האינטרנט מראה שהסגנונות מיושמים על רכיב ה-HTML מקובץ ה-CSS החיצוני באמצעות ' <קישור> 'תג.
התג ' '.
השימוש העיקרי בתג
הוא להכיל את כל התוכן הגלוי של דף האינטרנט. זה כולל תגים מרובים המסייעים בהכנסת טקסט, תמונות, סרטונים ורכיבים אחרים בדף האינטרנט המרכיבים את התוכן הראשי של דף האינטרנט. ניתן גם להשתמש בו כדי להחיל מאפייני CSS על דף האינטרנט בבת אחת. זה גם משפר את הנגישות של דף האינטרנט על ידי הכללת תגים סמנטיים ותכונות נגישות אחרות: < גוּף >// הוסף כאן רכיבי HTML
< / גוּף >