HTML - Başlık Öğesi
HTML <head>
öğesi şu öğeler için bir kapsayıcıdır:
<title>
, <style>
,
<meta>
, <link>
, <script>
ve <base>
.
HTML <head> Öğesi
Öğe , meta veriler (veriler hakkındaki veriler) için bir kaptır ve etiket ile etiket <head>
arasına yerleştirilir .<html>
<body>
HTML meta verileri, HTML belgesi hakkındaki verilerdir. Meta veriler görüntülenmiyor.
Meta veriler genellikle belge başlığını, karakter setini, stilleri, komut dosyalarını ve diğer meta bilgileri tanımlar.
HTML <title> Öğesi
<title>
Öğe, belgenin başlığını tanımlar . Başlık salt metin olmalıdır ve tarayıcının başlık çubuğunda veya sayfa sekmesinde gösterilir.
Öğe <title>
HTML belgelerinde gereklidir!
Bir sayfa başlığının içeriği, arama motoru optimizasyonu (SEO) için çok önemlidir! Sayfa başlığı, arama sonuçlarında sayfaları listelerken sıraya karar vermek için arama motoru algoritmaları tarafından kullanılır.
<title>
öğe :
- tarayıcı araç çubuğunda bir başlık tanımlar
- Sık kullanılanlara eklendiğinde sayfa için bir başlık sağlar
- arama motoru sonuçlarında sayfa için bir başlık görüntüler
Bu nedenle, başlığı mümkün olduğunca doğru ve anlamlı hale getirmeye çalışın!
Basit bir HTML belgesi:
Örnek
<!DOCTYPE html>
<html>
<head>
<title>A Meaningful Page
Title</title>
</head>
<body>
The content of the document......
</body>
</html>
HTML <stil> Öğesi
Öğe , <style>
tek bir HTML sayfası için stil bilgilerini tanımlamak için kullanılır:
Örnek
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
HTML <link> Öğesi
<link>
Öğe, geçerli belge ile bir dış kaynak arasındaki ilişkiyi tanımlar .
Etiket <link>
, çoğunlukla harici stil sayfalarına bağlanmak için kullanılır:
Örnek
<link rel="stylesheet" href="mystyle.css">
İpucu: CSS hakkında her şeyi öğrenmek için CSS Eğitimimizi ziyaret edin .
HTML <meta> Öğesi
<meta>
Öğe tipik olarak karakter kümesini, sayfa açıklamasını, anahtar sözcükleri, belgenin yazarını ve görüntü alanı ayarlarını belirtmek için kullanılır .
Meta veriler sayfada görüntülenmez, ancak tarayıcılar (içeriğin nasıl görüntüleneceği veya sayfanın nasıl yeniden yükleneceği), arama motorları (anahtar kelimeler) ve diğer web hizmetleri tarafından kullanılır.
Örnekler
Kullanılan karakter setini tanımlayın:
<meta charset="UTF-8">
Arama motorları için anahtar kelimeleri tanımlayın:
<meta name="keywords" content="HTML, CSS, JavaScript">
Web sayfanızın bir açıklamasını tanımlayın:
<meta name="description" content="Free Web tutorials">
Bir sayfanın yazarını tanımlayın:
<meta name="author" content="John Doe">
Belgeyi her 30 saniyede bir yenileyin:
<meta http-equiv="refresh" content="30">
Web sitenizin tüm cihazlarda iyi görünmesini sağlamak için görünüm alanını ayarlama:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta>
Etiketlere örnek :
Örnek
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John
Doe">
Görünüm Alanını Ayarlama
Görünüm alanı, kullanıcının bir web sayfasının görünür alanıdır. Cihaza göre değişir - cep telefonunda bilgisayar ekranından daha küçük olacaktır.
<meta>
Tüm web sayfalarınıza aşağıdaki öğeyi eklemelisiniz :
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Bu, tarayıcıya sayfanın boyutlarının ve ölçeklemenin nasıl kontrol edileceğine ilişkin talimatlar verir.
Parça width=device-width
, cihazın ekran genişliğini takip etmek için sayfanın genişliğini ayarlar (cihaza göre değişir).
Parça initial-scale=1.0
, sayfa tarayıcı tarafından ilk yüklendiğinde ilk yakınlaştırma seviyesini ayarlar.
Görünüm alanı meta etiketi olmayan bir web sayfası ve görünüm alanı meta etiketine sahip aynı web sayfası örneği :
İpucu: Bu sayfayı bir telefon veya tablet ile geziyorsanız, farkı görmek için aşağıdaki iki bağlantıya tıklayabilirsiniz.
HTML <script> Öğesi
<script>
Öğe, istemci tarafı JavaScript'leri tanımlamak için kullanılır .
Aşağıdaki JavaScript'te "Merhaba JavaScript!" yazıyor. id="demo" ile bir HTML öğesine:
Örnek
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
İpucu: JavaScript hakkında her şeyi öğrenmek için JavaScript Eğitimimizi ziyaret edin .
HTML <base> Öğesi
Öğe , <base>
bir sayfadaki tüm göreli URL'ler için temel URL'yi ve/veya hedefi belirtir.
Etikette <base>
ya bir href ya da hedef özniteliği mevcut ya da her ikisi de olmalıdır.
Bir belgede yalnızca tek bir <base>
öğe olabilir!
Örnek
Bir sayfadaki tüm bağlantılar için varsayılan bir URL ve varsayılan bir hedef belirtin:
<head>
<base href="https://www.w3schools.com/" target="_blank">
</head>
<body>
<img src="images/stickman.gif" width="24" height="39"
alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>
</body>
Bölüm özeti
- Öğe ,
<head>
meta veriler için bir kapsayıcıdır (veriler hakkındaki veriler) - Öğe, etiket ile etiket arasına
<head>
yerleştirilir .<html>
<body>
- Öğe gereklidir ve
<title>
belgenin başlığını tanımlar - Öğe ,
<style>
tek bir belge için stil bilgilerini tanımlamak için kullanılır - Etiket
<link>
, çoğunlukla harici stil sayfalarına bağlanmak için kullanılır <meta>
Öğe tipik olarak karakter kümesini, sayfa açıklamasını, anahtar sözcükleri, belgenin yazarını ve görüntü alanı ayarlarını belirtmek için kullanılır .- Öğe ,
<script>
istemci tarafı JavaScript'leri tanımlamak için kullanılır - Öğe ,
<base>
bir sayfadaki tüm göreli URL'ler için temel URL'yi ve/veya hedefi belirtir
HTML başlığı Elemanları
Tag | Description |
---|---|
<head> | Defines information about the document |
<title> | Defines the title of a document |
<base> | Defines a default address or a default target for all links on a page |
<link> | Defines the relationship between a document and an external resource |
<meta> | Defines metadata about an HTML document |
<script> | Defines a client-side script |
<style> | Defines style information for a document |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .