علامة HTML <head>
مثال
مستند HTML بسيط به علامة <title> داخل قسم الرأس:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a
paragraph.</p>
</body>
</html>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
العنصر <head>عبارة عن حاوية للبيانات الوصفية (بيانات حول البيانات) ويتم وضعه بين علامة <html> وعلامة <body>.
البيانات الوصفية هي بيانات حول مستند HTML. لا يتم عرض البيانات الوصفية.
تحدد البيانات الوصفية عادةً عنوان المستند ومجموعة الأحرف والأنماط والبرامج النصية ومعلومات التعريف الأخرى.
يمكن أن تدخل العناصر التالية داخل <head>العنصر:
دعم المتصفح
| Element | |||||
|---|---|---|---|---|---|
| <head> | Yes | Yes | Yes | Yes | Yes |
السمات العالمية
تدعم <head>العلامة أيضًا السمات العامة في HTML .
مزيد من الأمثلة
مثال
تنتقل العلامة <base> (التي تحدد عنوان URL الافتراضي والهدف لجميع الروابط في الصفحة) إلى داخل <head>:
<html>
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24"
height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
</html>
مثال
تدخل العلامة <style> (تضيف معلومات النمط إلى الصفحة) داخل <head>:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A
paragraph.</p>
</body>
</html>
مثال
يتم وضع علامة <link> (روابط إلى ورقة أنماط خارجية) داخل <head>:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>
</body>
</html>
الصفحات ذات الصلة
دروس HTML: HTML Head
مرجع DOM HTML: كائن الرأس
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <head>العنصر بالقيم الافتراضية التالية:
head {
display: none;
}