HTML’de head Etiketi

HTML’de <head> etiketi

Web tasarım derslerimize devam ediyoruz. Bu derste HTML’de head etiketini ve benzer diğer etiketleri anlatacağız.

<head> etiketi <html> etiketinin içine, <body> etiketinden önce yazılır.
Genellikle meta verileri, karakter setlerini, stil ve komut dosyalarını içerisinde barındırması için kullanılır.
Hangi etiketler <head> etiketi arasına yazılır hemen bir bakalım: <title>, <style>, <meta>, <link>, <script> ve <base> etiketleri <head> etiketi arasına yazılır.

Bu etiketlerin hemen hepsini zaten geçen derslerimizde görmüştük; şimdi görmediklerimizi işleyelim.

HTML’de <meta> etiketi

Sayfa açıklamalarını, anahtar kelimeleri ve sayfada kullanılmasını istediğiniz karakter kümesini <meta> etiketi içerisine yazarız.
Hemen bir örnek verelim:

<meta charset="UTF-8">

Web sayfalarımıza arama sonuçlarında görünebilecek bir açıklama tanımlamak için de bu etiketi kullanırız.

<meta name="description" content="Mersin Web Tasarım">

Eskiden sayfanın arama motorlarında hangi kelimelerle bulunacağını belirtmek için anahtar kelimeler eklenirdi. Google bu etiketi artık dikkate almıyor; görmeniz durumunda ne olduğunu bilmeniz yeterlidir.

<meta name="keywords" content="HTML, CSS, JavaScript">

Her 10 saniyede sayfayı yenileme kodu:

<meta http-equiv="refresh" content="10">

Checkbox ve Text Girdileri

Artık etiketlerimizin yavaş yavaş sonlarına doğru gelirken birkaç özellik daha göstermek istiyorum.
İlki checkbox (onay kutusu).
Bu öğeyi girdiğiniz bir sitede mutlaka kullanmışsınızdır; genellikle üyelik formları vb. içeriklerde kullanılır, amacı ise herhangi bir şeyi onaylamak veya belirtmektir.

Hemen bir örnek verelim:

<input type="checkbox" name="ornek" value="car" checked />

Bu örnekte checked yazan yer, kutunun sayfa açıldığında işaretli gelmesini sağlar.

Bir diğer öğemiz ise text (metin kutusu).

Bu öğe, formlarda en çok gördüğünüz ve web tasarımlarımızda sık sık kullandığımız ad, soyad, telefon, e-posta gibi bilgilerin yazıldığı kutucuklardır.

Bir örnek de text öğemize verelim:

<input type="text" name="isim" disabled />

Bu örneğimizde gördüğünüz disabled özelliği kutunun içerisine yazı yazmamızı engelledi. Bu özelliği silerseniz text kutusunu gayet sağlıklı bir biçimde kullanabilirsiniz.

Bu dersimizde göreceklerimiz bu kadar. Bir sonraki derste görüşmek üzere.