יצירת קשר עם חברת בניית אתרים צור קשר

 077-7644819
חייגו או השאירו הודעתכם

 
מאמרים אחרונים מאמרים אחרונים
09/08/2023 17:16
בניית חנות באינטרנט למכירה של מוצרים לחיות מחמד
12/03/2023 22:03
במאמר זה נסקור את התפתחות שפת צד השרת PHP מראשית ימיה, לכל אורך גירסאותיה השונות עד לאן שהיא הגיעה ב...
08/01/2023 23:40
הקמת אתר מכירות לדלתות פנים וחוץ לבתים פרטיים ולעסקים וציוד פירזול
תגובות אחרונות תגובות אחרונות
עיצוב רקע - background
12/06/2023 19:52
היי תמר, עושים את זה באמצעות ...
עיצוב רקע - background
28/05/2023 21:36
אני רוצה ליצור כפתור שהרקע שלו...
עיצוב רקע - background
15/12/2022 20:22
איך עושים שיראו את כל התמונת ר...
תגובות אחרונות פוסטים אחרונים בפורום
08/11/2022 19:11
היי, יש לי אתר קצת מורכב. הוא...
08/11/2022 19:09
היי, אני עוסק בענף הטניס ויש ...
08/11/2022 19:03
היי, ראיתי בכל מיני אתרים שמש...

תגיות מטא - אלמנט head

  1. דף הבית
  2. מדריך HTML5 למתכנת המתחיל
  3. תגיות מטא - אלמנט head
אלמנט head בקוד ה-HTML5 ותגיות המטא.

האלמנט head ב-HTML5

בפרק הקודם קראנו על החלוקה בקוד שלנו ל-head ול-body. בפרק זה נעסוק בתגיות המשמשות אותנו בתוך אלמנט ה-head. בפרקים הבאים, נתרכז רק באלמנט ה-body שהוא האלמנט המרכזי בקוד והאלמנט שמכיל את כל הפונקציונאליות.

ובכן, באלמנט ה-head ניתן למצוא כל מידע שאיננו פונקציונאלי או ביצועי. בין היתר, נוכל למצוא באלמנט זה קישור לקבצי CSS המתארים את עיצוב הקוד, קישור לקבצי JS (קבצים בשפת ג'אווה סקריפט) המשמשים קוד ביצועי על הדפדפן, תאורי מטא על העמוד וכיו"ב.

תגית title

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

<title>אופנועי שטח לרכישה - א.א. אופנועים</title>

תגית link

תגית זו מגדירה קישור למידע נוסף חיצוני. השימוש המוכר ביותר הוא קישור לקובץ CSS המתאר עיצוב באופן הבא:

<link rel="stylesheet" href="/style.css" type="text/css"/>

אפשרות נוספת לשימוש בתגית, זו הגדרה של אייקון של העמוד בדפדפן (אותו אייקון קטן שמופיע בראש העמוד ליד הכותרת):

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

תגית script

תגית זו מגדירה קריאה לקובץ JS חיצוניים. נהוג לבצע טעינה של קבצי JS המכילים פונקציות לביצוע באלמנט ה-head, ואילו את הקריאות לפונקציות אלו להכניס באלמנט ה-body.

<script src="/classes/formValidation.js"></script>

מומלץ להכניס את השימוש בתגיות link לפני השימוש בתגיות script, כיוון שתגיות link וטעינה של קובץ CSS נעשית בצורה מקבילה להמשך ביצוע הקוד, בעוד שטעינה של קבצי JS נעשית בצורה טורית ולמעשה הדף בהמתנה עד אשר קבצים אלו נטענים במלואם.

תגית meta

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

<meta charset="utf-8" />
<meta name="description" content="א.א. אופנועים - ספקית אופנועי השטח הגדולה בארץ. מגוון אופנועים חדשים ויד שניה לרכישה." />
<meta name="keywords" content="אופנועי שטח,אופנועים" />

תאור העמוד description הוא התאור המוצג עבור כל אתר בתוצאות החיפוש. מילות המפתח keywords היא רשימה מופרדת בפסיקים של ביטויים או מילים המשקפים את הנושאים העיקריים של העמוד. כיום, מנועי החיפוש המודרניים ובראשם גוגל נוטים להתעלם מתגית זו ומסיקים את נושאי העמוד מתוכנו.

 

הוספת תגובה

הכנסת קוד לתגית head

18/02/2016 20:42
דוד כהן
היי,
פשוט חפשי בקוד את פתיחת התגית head ואת סגירתה, והכניסי את הקוד שלך בין הפתיחה לסגירה.
בהצלחה,
דוד

הטמעת קוד

10/01/2016 16:04
רבקה רבקה
איך אני יכולה להטמיע קוד בתוך תגיות head???
YouTube previewPlay

שנקפיץ יחד את העסק שלך לגבהים חדשים?

בניית חנות אינטרנטית של מיזם גרופ תעזור לך ביצירת סיסטם עוצמתי שמגדיל מכירות.

ההצלחה מבוססת על בניית חנות וירטואלית בחוד החנית עם הקמת מערך שיווק אפקטיבי שמגדיל חשיפה והמרות.

 

אל תהססו! מלאו את הטופס או התקשרו עכשיו 077-7644819

 
WhatsApp
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: