Tipik bir HTML belgesinin aşağıdaki yapıya sahip olacağını bilerek açıklamaya başlayalım.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!-- Döküman başlığı --> <html> <head> <!-- head etiketi kodları --> </head> <body> <!-- içerik gövdesi --> </body> </html> |
Bu bölüm, HTML <head> etiketi ile temsil edilen başlık kısmı hakkında biraz daha ayrıntı verecektir. head> etiketi, , <meta>, <link>, <base>, <style>, <script> ve <noscript> etiketleri gibi çeşitli önemli etiketlerin bir kapsayıcısıdır.
HTML <title> Etiketi
HTML <title> etiketi, HTML belgesinin başlığını belirtmek için kullanılır. Aşağıda bir HTML belgesine başlık vermek için bir örnek verilmiştir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <head> <title>Örnek Sayfa Başlığı</title> </head> <body> <p>Merhaba Dünya</p> </body> </html> |
Çıktı:
HTML <meta> Etiketi
HTML <meta> etiketi, sayfa sona erme, sayfa yazarı, anahtar kelime listesi, sayfa açıklaması vb. hakkında bilgiler içeren HTML belgesi hakkında meta veriler sağlamak için kullanılır.
Aşağıdakiler, bir HTML belgesinde etiketinin önemli kullanımlarından birkaçıdır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<!DOCTYPE html> <html> <head> <title>Örnek Sayfa Başlığı</title> <!-- Anahtar kelimeler --> <meta name = "keywords" content = "HTML, CSS, JavaScript"> <!-- Sayfa tanımları --> <meta name = "description" content = "Basit bir html sayfası"> <!-- Yazar bilgileri --> <meta name = "author" content = "Yazılım Kodlama"> <!-- Sayfa içerik türü --> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8"> <!-- Sayfa yönlendirme süresi 30sn --> <meta http-equiv = "refresh" content = "30"> <!-- Sayfanın dolum süresi --> <meta http-equiv = "expires" content = "Wed, 21 June 2006 14:25:27 GMT"> <!-- Arama motorlarının ulaşımına kapatma --> <meta name = "robots" content = "noindex, nofollow"> </head> <body> <p>Merhaba Dünya</p> </body> </html> |
HTML <base> Etiketi
HTML<base> etiketi, bir sayfadaki tüm göreli URL’ler için temel URL’yi belirtmek için kullanılır; bu, diğer tüm URL’lerin, verilen öğeyi bulurken temel URL’de birleştirileceği anlamına gelir.
Örneğin, verilen URL’lerin önüne temel URL http://www.yazilimkodlama.com/ dizini eklendikten sonra verilen tüm sayfalar ve resimler aranacaktır.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html> <head> <title>Örnek Sayfa Başlığı</title> <base href = "https://www.yazilimkodlama.com/" /> </head> <body> <p>Merhaba Dünya</p> <img src = "/images/logo.png" alt="Logo Image"/> <a href = "/html/index.htm" title="HTML Örrnekleri">HTML Örnekleri</a> </body> </html> |