head etiketi # html # HTML Head # HTML Head etiketi kullanımı # html5 # wordpress
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?
JavaScript Değişkenler (Variables) Nedir ve Nasıl Kullanılır?
JAVASCRİPT ve JQUERY
JavaScript Tek Satırlı ve Çok Satırlı Yorum Satırı Nasıl Kullanılır?
JAVASCRİPT ve JQUERY
JavaScript Syntax Kod Yazma Kuralları!
JAVASCRİPT ve JQUERY
Bir cevap yazın