HTML Head Elementi (HTML Head Element)
Kod içerisinde <html> ile <body> elementleri arasında bulunan HTML head elementi, sayfa ile ilgili bilgilerin tutulduğu kısımdır.
HTML Head Elementi
HTML belgesi ile alakalı bilgilerin tutulduğu <head> elementi bu bilgiler sayfada kullanıcıya göstermez. Zira genelde, sayfanın başlığı, belge içerisinde kullanılan CSS stilleri, JavaScript kodları vb. bilgileri tutar ve buna metadata denir.
HTML dökümanlarında head elementi, <title>, <style>, <meta>, <link>, <script> ve <base> gibi elementleri kapsar.
HTML <title> Elementi
<title> elementi, HTML dökümanının başlığını tutar. Haliyle tüm HTML dökümanlarında yazılması gerrekir. Title etiketi içine yazılan bilgi, tarayıcı sekmesinde en üstte, favorilere eklendiğinde sayfa adı olarak ve arama sonuçlarında görünür.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML <style> Etiketi
<style> elementi içerisine sadece ilgili HTML dökümanında geçerli olan CSS stilleri yazılır.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML <link> Etiketi
<link> elementi ile harici olarak tutulan stil dosyalarına bağlanmak için kullanılır. <style> elementinden farklı olarak bu harici dosyaları birden fazla HTML sayfasında bağlantı verilerek çağrılabilir.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML <meta> Etiketi
<meta> elementi, HTML dökümanları içerisinde hangi karakter setinin kullanılacağından tutun da sayfanın yazarı, anahtar kelimeleri gibi bilgileri tutar.
⭐ Karakter setini (character set) belirlemek için:
|
1 |
<meta charset="UTF-8"> |
⭐ Açıklama eklemek için:
|
1 |
<meta name="description" content="Öğretici Türkçe İçerikler"> |
⭐ Anahtar kelime eklemek için:
|
1 |
<meta name="keywords" content="HTML, CSS, JavaScript"> |
⭐ Sayfanın yazarını belirtmek için:
|
1 |
<meta name="author" content="John Doe"> |
See the Pen Untitled by 1kodum (@1kodum) on CodePen.
HTML <script> Etiketi
<script> elementi, JavaScript kodlarının tutulduğu bölümdür.
See the Pen Untitled by 1kodum (@1kodum) on CodePen.