En son web geliştirme öğreticiler

HTML Head


HTML <head> Eleman

<head> elemanı meta verileri için bir kap (veri hakkında veri) 'dir.

HTML meta HTML belgesi ilgili verilerdir. Meta veri gösterilmez.

Meta veri tipik belge başlığını, stiller, bağlantılar, komut dosyaları ve diğer meta bilgileri tanımlar.

Aşağıdaki etiketler meta açıklamaktadır: <title>, <style>, <meta>, <link>, <script>, and <base> .


Atlanması, <html> ve <body> ?

HTML5 standardında, <html> etiketi, <body> etiketi ve <head> etiketi atlanabilir.

Aşağıdaki kod HTML5 olarak doğrular:

Örnek

<!DOCTYPE html>
<title>Page Title</title>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>
Kendin dene "

w3ii ihmal önermez <html> ve <body> etiketleri.

<html> eleman belge köküdür. Bu sayfa dilini belirtmek için önerilen bir yerdir:

<!DOCTYPE html>
<html lang="en-US">

Bir dil bildirme erişilebilirlik uygulamaları (ekran okuyucuları) ve arama motorları için önemlidir.

Atlanması, <html> ve <body> çökmesine sebep olabilir kötü yazılmış DOM/XML yazılımı.

Son olarak, ihmal <body> eski tarayıcılarda hataları üretebilir (IE9) .


Atlanması, <head>

HTML5 standardında, <head> etiketi de atlanabilir.

Varsayılan olarak, tarayıcılar önce tüm unsurları katacak <body> bir varsayılan, <head> öğesi.

Sen atlanması ile HTML karmaşıklığını azaltabilir <head> etiketi:

Örnek

<!DOCTYPE html>
<html>
<title>Page Title</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
Kendin dene "

etiketleri atlama web geliştiricileri için yabancı. Bu bir rehber olarak kurulacak zamana ihtiyacı vardır.


HTML <title> Eleman

<title> öğesi belgenin başlığını tanımlar.

<title> öğesi tüm HTML / XHTML belgelerinde gereklidir.

<title> öğesi:

  • tarayıcı sekmesi bir başlık tanımlar
  • o 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

Bir basitleştirilmiş HTML dokümanı:

Örnek

<!DOCTYPE html>
<html>
<title>Page Title</title>

<body>
The content of the document......
</body>

</html>
Kendin dene "

HTML <style> Eleman

<style> elemanı bir HTML belgesi stil bilgilerini tanımlamak için kullanılır.

İçinde <style> elemanı HTML elemanları bir tarayıcıda işlemek nasıl belirtin:

Örnek

<style>
body {background-color:yellow;}
p {color:blue;}
</style>
Kendin dene "

HTML <link> Eleman

<link> elemanı harici bir kaynağa sayfa ilişkiyi tanımlar.

<link> öğesi en sık stil sayfaları bağlamak için kullanılır:

Örnek

<link rel="stylesheet" href="mystyle.css">
Kendin dene "

HTML <meta> Eleman

<meta> elemanı sayfa açıklamasını, anahtar kelimeler, yazar ve diğer meta belirtmek için kullanılır.

Meta veri tarayıcılar tarafından kullanılır (how to display content) , arama motorları tarafından (keywords) ve diğer web hizmetleri.

Arama motorları için anahtar kelimeler tanımlayın:

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

Web sayfasının bir açıklama tanımlayın:

<meta name="description" content="Free Web tutorials on HTML and CSS">

kullanılan karakter kümesi tanımlayın:

<meta charset="UTF-8">

Bir sayfanın yazarı tanımlayın:

<meta name="author" content="Hege Refsnes">

Her 30 saniyede bir belgeyi yenileyin:

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

Örnek <meta> etiketleri:

Örnek

<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Hege Refsnes">
<meta charset="UTF-8">
Kendin dene "

HTML <script> Eleman

<script> elemanı, müşteri tarafı JavaScript'lerini tanımlamak için kullanılır.

script aşağıda Merhaba JavaScript yazıyor! bir HTML öğesine id="demo" :

Örnek

<script>
function myFunction {
    document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
Kendin dene "

JavaScript ile ilgili tüm bilgi edinmek için ziyaret JavaScript Eğitimi !


HTML <base> Eleman

<base> eleman bir sayfadaki tüm göreli URL'ler için taban URL ve taban hedefini belirtir:

Örnek

<base href="http://www.w3ii.com/images/" target="_blank">
Kendin dene "

HTML kafa Elemanları

Etiket Açıklama
<head> dokümana ilişkin bilgiler tanımlar
<title> Bir belgenin başlığını tanımlar
<base> Bir sayfadaki tüm bağlantılar için varsayılan bir adresi veya varsayılan bir hedef belirler
<link> Bir belge ve harici kaynak arasındaki ilişkiyi tanımlar
<meta> bir HTML belgesi hakkında meta tanımlar
<script> Bir istemci tarafı komut dosyası tanımlar
<style> Bir belge için stil bilgisini tanımlar