head etiketi # html # HTML Head # HTML Head etiketi kullanımı # html5 # wordpress

Html Head Etiketi Nedir? Nasıl Kullanılır?

İbrahim Bozkurt
HTML
Html Head Etiketi Nedir Nasıl Kullanılır

Html head etiketi websitemize stil dosyalarımızı, belgelerimizin tarayıcıda görünen başlıklarını ve daha bir çok özelliği bağlamamızı sağlar.

Html <head> etiketi meta veriler için bir kapsayıcıdır ve <html> etiketi ile <body> etiketi arasına yerleştirilir.

Html head etiketi arasına css dosyalarımızı, javascript dosyalarımızı, belge başlığımızı ve daha birçok temel bilgileri alabileceğimiz veya gönderebileceğimiz verilerin meta etiketini belirtiriz.

Kullanımı kolay ve anlaşılırdır.

Meta veriler, HTML belgesiyle ilgili verilerdir. Meta veriler görüntülenmiyor.

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

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

  • <title> (her HTML belgesinde gereklidir.)
  • <style>
  • <base>
  • <link>
  • <meta>
  • <script>
  • <noscript>

Örnek

Head bölümünün içinde bir <title> etiketi bulunan basit bir HTML belgesi:

See the Pen Html Head Etiketi Nedir? Nasıl Kullanılır? 1 by ArmyYazılım (@armyyazilim) on CodePen.

Göründüğü üzere head etiketi içine yazılan title etiketini belgede görüntüleyemeyiz. Ancak Tarayıcımızın sekmeler bölümünde gözükür.

Belgemizi açtığımız sekmenin içinde bulunan başlık title etiketinin içindeki içerikten gelmektedir.

Örnek

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

See the Pen Html Head Etiketi Nedir? Nasıl Kullanılır? 2 by ArmyYazılım (@armyyazilim) on CodePen.

Örnek

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

See the Pen Html Head Etiketi Nedir? Nasıl Kullanılır? 3 by ArmyYazılım (@armyyazilim) on CodePen.

Örnek

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

See the Pen Untitled by ArmyYazılım (@armyyazilim) on CodePen.

Varsayılan CSS Ayarları

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

head {
  display: none;
}

Html Başlık Etiketleri h1 – h2 – h3 – h4 – h5 – h6 Nelerdir? Nasıl Kullanılır?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


ArmyYazilim