HTML Head Kullanımı - Web Tasarım & Programlama

Tipik bir HTML belgesinin aşağıdaki yapıya sahip olacağını bilerek açıklamaya başlayalım.

<!-- Döküman başlığı --> <html> <head> <!-- head etiketi kodları --> </head> <body> <!-- içerik gövdesi --> </body> </html>
1234567891011121314 <!-- 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.

<!DOCTYPE html> <html> <head> <title>Örnek Sayfa Başlığı</title> </head> <body> <p>Merhaba Dünya</p> </body> </html>
1234567891011121314 <!DOCTYPE html><html> <head><title>Örnek Sayfa Başlığı</title></head> <body><p>Merhaba Dünya</p></body> </html>

Çıktı:

HTML head title Örneği

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.

<!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>
1234567891011121314151617181920212223242526272829303132333435 <!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.

<!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>
1234567891011121314151617 <!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>

Bunu paylaş:

  • X
  • Facebook

Từ khóa » Html Head Etiketi Nedir