Skip to main content

מהו רכיב HEAD בדף אינטרנט HTML?

JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo (אַפּרִיל 2025)

JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo (אַפּרִיל 2025)
Anonim

כל מסמך HTML באינטרנט מורכב מרכיבים שונים. רבים מן האלמנטים הם די נפוצים נמצאים כמעט בכל, כמו פסקאות, כותרות, תמונות, וקישורים. כמו נפוץ כמו אלמנטים אלה, עם זאת, יש אופציונלי. אתה לא צריך אותם מבחינה טכנית על דף אינטרנט - למרות כל דף חסר רכיבים אלה הוא כנראה הולך להיות די דלילה!

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

מבחינה טכנית, יש רק תג אחד שנדרש כדי להיות בחלק העליון של כל מסמכי HTML: אלמנט. זוג תגים זה מתחיל ומסתיים בדף האינטרנט שלך והוא מאפשר לדפדפן לדעת שכל מה שבין שתי התגים הוא תוכן HTML. הדבר היחיד שאתה רואה לעתים קרובות לפני תג הפתיחה הוא הדוקטיפ של הדפים. זה יהיה כתוב כך:

לאחר תג הוא האמור לעיל זוג תגים. בתוך זוג תג זה הוא המקום שבו תוסיף מספר אלמנטים חשובים אחרים, כולל , כל <meta> תגיות, כמו גם CSS ו- Javascript קישורים.<p><div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </center></div> <a id="menu-1"></a><h2 id='D9MVVA4IB6'> אלמנט TITLE</h2> <p>אתה תמיד צריך לכלול דף האינטרנט שלך. ישנן מספר סיבות לכך, כולל:<p> <ol> <li> <p>מנועי חיפוש להשתמש</p> <p>כותרת<p>כאמצעי העיקרי של הקטלוג אתרים. אם דף האינטרנט שלך אין כותרת תיאורי מנועי החיפוש ייתן לו דירוג נמוך יותר מאשר דפים אחרים. זה גם מה מציג את הטקסט הקישור בדף תוצאות מנוע החיפוש (הידוע גם בשם SERP).</p> <div> <center> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1427824399252755" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1427824399252755" data-ad-slot="4175470618" data-ad-format="auto" data-full-width-responsive="true"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script> </center></div></li> <li> <p>הוא מוצג בחלק העליון של חלון הדפדפן או בכרטיסייה, המתאר את הדף בדפדפן.</p> </li> <li> <p>זה מה שנכתב כאשר מישהו סימניות האתר שלך. אם משתמש מסמן את האתר שלך, אתה רוצה שהם יזכרו אותו. אם אינך משתמש בתג כותרת, האתר שלך יציג את "מסמך ללא כותרת", שהוא ברירת המחדל של דף המשמש בפלטפורמות רבות לפיתוח אתרים.</p> </li> </ol> <p>מאז תג נועד להציג סקירה כללית של דף זה, כל דף באתר שלך צריך להיות ייחודי , שכן כל דף באתר שלך כולל תוכן ייחודי. נסה לשמור את התוכן של תג זה מתחת ל -60 תווים או פחות. אתה יכול לכלול יותר, אבל מנועי החיפוש יהיה לחתוך את התוכן אם הוא מקבל מעל מספר זה.<p> <a id="menu-2"></a><h2 id='LO9IGC7TSS'> מטה מידע או meta נתונים</h2> <p>מטא מידע הוא הנתונים הכלולים <head> של מסמך ה- HTML שלך המספק מידע נוסף על דף האינטרנט שלך לדפדפן האינטרנט ולמכשירים אחרים. תוכל לכלול מידע כגון שם המחבר, התוכנית ששימשה ליצירת הדף, התאריך שבו יפוג הדף, ואולי, חשוב מכל, תיאור ומילות מפתח שרלוונטיות לדף עצמו.<p>החשוב ביותר</p> <p>META<strong> <p>תג אתה צריך לכלול במסמכים האינטרנט שלך הוא למעשה להגדיר את התווים, או charset. זה חשוב עבור האבטחה של דפי האינטרנט שלך.</p> <p>ערכת התווים צריכה תמיד להיות השורה הראשונה שלך</p> <p>ראש<strong> <p>כך שהאקרים לא יכולים לפרוץ פנימה. בהקשר זה, לאורך שאר התגים שהיינו מכוסים, זה היה ככה:</p> <p><!doctype html> <html> <head><meta charset='utf-8'><title>זהו תוכן הכותרת

למידע נוסף על תגיות מטא

מטא תגים הם מאוד חשוב כדי לקבל דירוג טוב במנועי החיפוש, אבל אם יש לך רק זמן לכתוב גם כותרת טובה, תיאורי או meta תגים, לכתוב את הכותרת. הכותרת של המסמך שלך ילך רחוק יותר עבור מיקום מנוע החיפוש מאשר meta תגים. למידע נוסף על מטא תגים:

  • מג 'יק עם meta תגיות - השתמש meta תגים כדי לקבל מיקום מנוע החיפוש טוב יותר
  • עוד תגיות מטה - מעבר למילות מפתח ותיאורים כדי להפיק את המרב מנתוני המטא שלך.
  • קישורים מטא תג - קישורים נוספים עבור עזרה meta תג

אלמנטים אחרים

בנוסף, דברים חשובים אחרים תמצאו ב של דף הם קישורים לקובצי CSS של האתר Javascript, או כקישורים לקבצי JS או כקוד Javascript מוטבע.