HTML dilinde sayfa kodlamasında kullanılan etiketler ve görevlerini bu makale ile yazmaya başlıyoruz. İlk olarak aşağıdaki temel html etiketlerimiz ve görevlerinden bahsedeceğiz.

HTML DOCTYPE Etiketi

Bu etiket bazı sayfalarda kullanılması gerekmese bile, sitemizin w3c dil yapısına uygun olup olmadığını, gerekli bilgileri tarayıcıya göndererek belirler. Sayfada en üst bölüme yazılır. Yani tarayıcı buradaki bilgileri görerek gerekli detayları w3c den almaktadır. Temel yazım şekli aşağıdaki gibidir.
Genellikle döküman türleri HTML ve XHTML versiyon bilgilerine göre sayfayı ayarlamaktadır. Örnek olarak web sayfamız XHTML 1.0 diline uygun olarak yazılmış ise aşağıdaki kodu html satırlarımızın en üst bölgesine yazmalıyız.
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
Bu kod ile sayfamız tarayıcıya kendisinin XHTML 1.0 kurallarına göre yazıldığını ve buna göre w3c den doğrulama yönergelerini alması gerektiğini belirler.

HTML – HTML Etiketi

Bu etiket ise sayfamızın HTML dilinde yazıldığını belirlemektedir. Hem tarayıcılar hem de web sunucuları bu etiketlere göre sayfaları yorumladığı için, bu bilgileri vermeden web sayfası oluşturamayız. DOCTYPE komutundan sonra yazılmaya başlamaktadır. Tüm html kodları bu etiket – tag ile başlayan bölgenin içine yazılmakta ve bu etiket ile kapanan yerde bitmektedir.
.
Tüm html kodları buraya yazılmaktadır.
.
Diğer programlama dillerinde de uygulamalar benzerdir. Hangi programlama diline uygun komutu yazacaksak ilk olarak o programlama dilinin çalışması için gerekli olan bölgeyi belirlemeliyiz. Mesela html kod içinde php bölüm çalıştırmak isteseydik;
php kodları burada çalıştırılır.
?>
.
Tüm html kodları buraya yazılmaktadır.
.

HTML Head Etiketi

Sayfa üst bilgileri bu etiket içinde yazılmaktadır. Örnek olarak sayfa içinde kullandığımız javascript fonksiyonları bu bölge arasında yazılmaktadır veya bu bölge içinde sayfaya include edilmektedir. Temel olarak görevlerine bakacak olursak;
» Javascript fonksiyon bilgileri bu kısımda include edilir veya javascript fonksiyonları buraya yazılır.
» CSS bilgileri bu bölümde include edilir.
» Web sayfası ico bilgileri burada belirlenir. Favori icon yani tarayıcıda adres çubuğunun sol tarafında gözüken web sitesinin küçük simgesi.
» Sayfaların önemli bilgilendirme etiketleri olan Meta Tag lar bu bölüm içine yazılmaktadır.
» Sayfada kullanılan Title etiketi bu bölüm içine yazılmaktadır.
» Bunların dışında sayfaya ait ön bilgi olan ve sayfaya tarayıcı ile bakarken göremediğimiz sadece kaynak dosyası içinde görülebilen kodlardır.
Örnek bir head etiketine bakacak olursak;
</strong>HTML Dersleri<strong>
 name=”description” content=”Temel açıklamalar” />
 name=”keywords” content=”Temel kelimeler” />
 rel=”stylesheet” type=”text/css” media=”screen” href=”http://www.gblg.com/tema.css” />

Yorumlar