HTML <head> תג
דוגמה
מסמך HTML פשוט עם מספר מינימלי של התגים:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>דף HTML הראשון שלי</title> </head> <body style="direction:rtl; text-align:right'"> <p>תוכן של אלמנט body מוצג בדפדפן .</p> <p> תוכן של אלמנט title מוצג בכותרת של הדפדפן.</p> </body> </html>
הגדרות ושימוש
אלמנט head מכיל כל האלמנטים הראש.
אלמנטים בתוך
<head>
יכולים להכיל סקריפטים, להדריך דפדפן איפה לחפש רשימת סגנונות, לספק מידע מטא, והרבה יותר.
תגים הבאים ניתן להוסיף לתוך חלק הראש: <base>, <link>, <meta>, <script>, <style>, ו- <title>.
תג <title> מגדיר כותרת של המסמך, וזה אלמנט חובה היחיד בחלק הראש!
תמיכת דפדפנים
תג
<head> נתמך בכל הדפדפנים המוביליםהבדלים בין HTML ו- XHTML
איןתכונות נוספות
DTD: מציין באיזה HTML 4.01/XHTML 1.0 DTD תג מותר. S=Strict (קפדן), T=Transitional (מעבר), F=Frameset (מסגרות)
| תכונה | ערך | תיאור | DTD |
|---|---|---|---|
| profile | URL | מגדירה URL של המסמך, שמכיל סדרה של חוקים. דפדפנים יכולים לקרוא את החוקים כדי להבין היטב מידע שמוכלת בתוך תגים <meta> | STF |
תכונות סטנדרטיות
תג<head> תומך בתכונות סטנדרטיות הבאות:| תכונה | ערך | תיאור | DTD |
|---|---|---|---|
| dir | rtl ltr | מציין כיוון טקסט עבור תוכן של האלמנט | STF |
| lang | language_code | מציין קוד שפה עבור תוכן של האלמנט | STF |
| xml:lang | language_code | מציין קוד שפה עבור תוכן של האלמנטים במסמכי XHTML | STF |
יותר מידע על תכונות ה-HTML.
דוגמה 1
תג<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <base href="http://xhtml.co.il/images/" /> <base target="_blank" /> </head>
שימו לב, אנחנו ציינו רק כתובת יחסית עבור תמונה.
מכיוון שהגדרנו URL בסיסי בחלק הראש, דפדפן יחפש תמונה בכתובת
"http://xhtml.co.il/images/nord1.gif"
שימו לב, שקישור נפתח בחלון חדש אפילו שאין לו תכונה
target="_blank".
מכיוון שתכונה של מטרה של אלמנט
base
מוגדרת כי
"_blank".
דוגמה 2
דוגמה זו ממחישה כיצד להתחל מסמך HTML עם סגנון (style) מצורף לחלק 'head'.<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head>דוגמה 3
כיצד להשתמש בתג <link> כדי לצרף רשימת הסגנונות חיצונית.<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="http://xhtml.co.il/tryit/html/styles.css" > </head> <body style="direction:rtl; text-align:right;"> <h1> אני מפורמט באמצעות רשימת סגנונות חיצונית</h1> <p>גם אני!</p> </body> </html>
דוגמה 4
כיצד להשתמש בתגי <meta> כדי לתאר מסמך:<html> <head> <meta name="description" content="הדרכות אינטרנט חינם" /> <meta name="keywords" content="HTML,CSS,XML,JavaScript" /> <meta name="author" content="אדם פרי" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body> </html>
האם מידע זה היה מועיל?
