HTML <head> Etiketi


Örnek

Head bölümünde <title> etiketi bulunan basit bir HTML belgesi:

<!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>

Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.


Tanım ve Kullanım

Öğe , <head>meta veriler (verilerle ilgili veriler) için bir kaptır ve <html> etiketi ile <body> etiketi arasına yerleştirilir.

Meta veriler, HTML belgesi hakkındaki verilerdir. Meta veriler görüntülenmiyor.

Meta veriler genellikle belge başlığını, karakter setini, stilleri, komut dosyalarını ve diğer meta bilgileri tanımlar.

Aşağıdaki öğeler <head>öğenin içine girebilir:


Tarayıcı Desteği

Element
<head> Yes Yes Yes Yes Yes


Genel Özellikler

Etiket ayrıca HTML'deki Global Nitelikleri<head> de destekler .


Daha fazla örnek

Örnek

<base> etiketi (bir sayfadaki tüm bağlantılar için varsayılan bir URL ve hedef belirtir) <head> içine girer :

<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>

Örnek

<style> etiketi ( bir sayfaya stil bilgisi ekler) <head> içine girer:

<html>
<head>
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

Örnek

<link> etiketi (harici bir stil sayfasına bağlantılar) <head> içine girer :

<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>

İlgili Sayfalar

HTML öğreticisi: HTML Başkanı

HTML DOM referansı: Head Object


Varsayılan CSS Ayarları

Çoğu tarayıcı, <head>öğeyi aşağıdaki varsayılan değerlerle görüntüler:

head {
  display: none;
}