HTML Başlık Elemanları

Daha fazla örnek

Dokümanın başlığı
<title> başlığı, dokümanın başlığını tanımlar.
Tüm bağlantılar bir hedefe sahip
Tüm bağlantıları yeni bir pencerede açmak için base etiketini nasıl kullanacağınızı öğrenin.
Doküman açıklaması
Dokümanı tanımlamak için <meta> elementini kullanın.
Doküman anahtar kelimeleri
Dokümanın anahtar kelimelerini tanımlamak için <meta> elementini kullanın.
Kullanıcıyı yönlendirme
Kullanıcıyı yeni bir web sitesine nasıl yönlendireceğinizi öğrenin.

HTML <head> elementi

Başlık <head> elementi, tüm başlık elementlerinin kapısıdır.<head> içindeki elementler, script'leri içerir, tarayıcıya tarz sayfaların nerede bulunabileceğini belirtir, meta bilgileri sağlar vb.

Aşağıdaki etiketler head bölümüne eklenabilir: <title>, <base>, <link>, <meta>, <script> ve <style>.

HTML <title> etiketi

<title> etiketi, belgenin başlığını tanımlar.

title etiketi tüm HTML/XHTML belgelerinde zorunludur.

title etiketi şu işlevleri görebilir:

  • Tarayıcı araç çubuğundaki başlığı tanımlar
  • Sayfa favorilere eklenirken görüntülenen başlık
  • Arama motoru sonuçlarında görüntülenen sayfa başlığı

Aşırıya kaçmadan basit bir HTML belgesi:

<!DOCTYPE html>
<html>
<head>
<title>Belgenin başlığı</title>
</head>
<body>
Belgenin içeriği......
</body>
</html>

HTML <base> etiketi

<base> etiketi, sayfadaki tüm bağlantılar için varsayılan adres veya varsayılan hedef (target) belirtir:

<head>
<base href="http://www.codew3c.com/images/" />
<base target="_blank" />
</head>

HTML <link> etiketi

<link> etiketi, belge ile dış kaynak arasındaki ilişkiyi tanımlar.

<link> etiketi, en sık stil sheet'leri bağlamak için kullanılır:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

HTML <style> etiketi

<style> etiketi, HTML belgesi için stil bilgileri tanımlamak için kullanılır.

Style etiketi içinde HTML etiketlerinin tarayıcıda nasıl görüneceğini belirleyebilirsiniz:

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

HTML <meta> etiketi

Meta veriler (metadata), veriler hakkında bilgi sağlar.

<meta> etiketi, HTML belgesi hakkında meta veriler sağlar. Meta veriler sayfada görüntülenmez, ancak makinalar tarafından okunabilir.

Tipik bir durumda, meta etiketi, sayfanın açıklaması, anahtar kelimeler, belgenin yazarı, en son değiştirilme zamanı ve diğer meta veriler için kullanılır.

<meta> etiketi her zaman head etiketi içinde yer alır.

Meta veriler, içeriklerin nasıl görüneceği veya sayfa yeniden yüklenmesi gibi tarayıcılar (head elementi içinde her zaman bulunur.), arama motorları (anahtar kelimeler) veya diğer web hizmetleri için kullanılabilir.

Arama motorları için anahtar kelimeler

Bazı arama motorları meta etiketlerinin name ve content özelliklerini kullanarak sayfanızı indeksler.

Aşağıdaki meta etiketi sayfanın açıklamasını tanımlar:

<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />

Aşağıdaki meta etiketi sayfanın anahtar kelimelerini tanımlar:

<meta name="keywords" content="HTML, CSS, XML" />

name ve content özelliklerinin amacı sayfanın içeriğini tanımlamaktır.

HTML <script> Elementi

<script> etiketi, JavaScript gibi müşteri tarafı betiklerini tanımlamak için kullanılır.

script elementini daha sonra bölümlerde açıklayacağız.

HTML Başlık Elemanları

Etiket Tanım
<head> Belge hakkında bilgi tanımlar.
<title> Belge başlığını tanımlar.
<base> Sayfadaki tüm bağlantıların varsayılan adresi veya varsayılan hedefi tanımlar.
<link> Belge ile dış kaynak arasındaki ilişkiyi tanımlar.
<meta> HTML belgesi hakkında meta veriler tanımlar.
<script> Müşteri tarafı betikleri tanımlar.
<style> Belgenin tarz bilgilerini tanımlar.