<!DOCTYPE> bildirimi/deklerasyonu her HTML sayfasının başında olması gereken bir HTML elemanıdır.
Tek başına herhangi bir işlevi yoktur. Sadece tasaryıcılara içinde ilgili HTML dökümanının hangi standartlara göre işleneceğini bildirir. Tarayıcının sayfayı doğru yorumlaması için bu elemanın en başta <html> etiketinden önce yazılmış olması şarttır.
HTML <!DOCTYPE> Tagı Kullanım Örneği
<!DOCTYPE HTML>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Sayfa içeriği
</body>
</html>
Sayfa formatına göre <!DOCTYPE> bildirim biçimleri de değişmektedir..
HTML5
<!DOCTYPE html>
HTML 4.01 Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
HTML <html> Etiketi
<html> etiketi, sayfanın bir HTML sayfası olduğunu belirtmek için kullanılır.
<html> şeklinde açılır ve </html> şeklinde kapanır.
Sayfadaki tüm HTML ve Javascript kodları bu iki etiket arasına yazılır.
HTML <html> Tagı Kullanım Örneği
<!DOCTYPE HTML>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Sayfa içeriği
</body>
</html>
HTML <html> Tagı Tarayıcı Desteği
Google Chrome Desteği : Var
Mozilla Firefox Desteği : Var
Internet Explorer Desteği : Var
Safari Desteği : Var
Opera Desteği : Var
<html> şeklinde açılır ve </html> şeklinde kapanır.
Sayfadaki tüm HTML ve Javascript kodları bu iki etiket arasına yazılır.
HTML <html> Tagı Kullanım Örneği
<!DOCTYPE HTML>
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
Sayfa içeriği
</body>
</html>
HTML <html> Tagı Tarayıcı Desteği
Google Chrome Desteği : Var
Mozilla Firefox Desteği : Var
Internet Explorer Desteği : Var
Safari Desteği : Var
Opera Desteği : Var
JSON Nesne Ayırıcı
Kodlar
<!DOCTYPE html>
<html>
<body>
<style>
.objeTablo th, .objeTablo tr, .objeTablo td
{
padding: 5px;
border: solid 1px #f00;
color: #717171;
text-align: center;
}
</style>
<label>Listelenecek Objeyi Gir</label><br/> <input type="text" name="obje" /><br/><input type="button" value="Obje Göster" onclick="objGoster()" /><br/>
<textarea col="50" rows="20" name="jsonGir"></textarea>
<table id="tabloIcerik" class="objeTablo" style="max-width: 800px; height: auto;
border: solid 1px #f00;" cellspacing="0" cellpadding="0">
<tr>
<th>
Nesne
</th>
<th>
Nesne Değeri
</th>
</tr>
</table>
<script>
function objGoster(){
var jsonVeri = document.getElementsByName("jsonGir")[0].value;
var jsonAra = document.getElementsByName("obje")[0].value;
var obj = JSON.parse(jsonVeri);
var icerik = "";
for (i = 0; i < obj.length; i++) {
icerik += "<tr><td> " +jsonAra + " </td><td> " + obj[i][jsonAra] + " </td></tr>";
}
document.getElementById("tabloIcerik").innerHTML = icerik;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<style>
.objeTablo th, .objeTablo tr, .objeTablo td
{
padding: 5px;
border: solid 1px #f00;
color: #717171;
text-align: center;
}
</style>
<label>Listelenecek Objeyi Gir</label><br/> <input type="text" name="obje" /><br/><input type="button" value="Obje Göster" onclick="objGoster()" /><br/>
<textarea col="50" rows="20" name="jsonGir"></textarea>
<table id="tabloIcerik" class="objeTablo" style="max-width: 800px; height: auto;
border: solid 1px #f00;" cellspacing="0" cellpadding="0">
<tr>
<th>
Nesne
</th>
<th>
Nesne Değeri
</th>
</tr>
</table>
<script>
function objGoster(){
var jsonVeri = document.getElementsByName("jsonGir")[0].value;
var jsonAra = document.getElementsByName("obje")[0].value;
var obj = JSON.parse(jsonVeri);
var icerik = "";
for (i = 0; i < obj.length; i++) {
icerik += "<tr><td> " +jsonAra + " </td><td> " + obj[i][jsonAra] + " </td></tr>";
}
document.getElementById("tabloIcerik").innerHTML = icerik;
}
</script>
</body>
</html>
Nesne | Nesne Değeri |
---|
Luhn Algoritmasıyla Kredi Kartı Validasyon Kontrolü
Luhn Algoritması: Kredi Kartı Numarası Doğruluğunu Test Etme Yöntemi Kredi kartı numaralarının doğruluğunu kontrol etmek için kullanılan L...

-
Programı denemek için kutuya bir sayı yazın ve enter tuşuna basın. 0 Programın kodları aşağıdaki gibidir <input type="text...
-
Yazılım geliştirme, karmaşık problemleri çözmek için sistematik bir yaklaşım gerektirir. Bu karmaşıklığı yönetmek için geliştiriciler, tekra...
-
C# dilinde Abstract Factory Metot Tasarım Deseni için örnek bir kod hazırladım. using System; namespace TekstilFabrikasi { public inter...