Turgut Arslan

HTML <!DOCTYPE> Bildirimi

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

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>

Listelenecek Objeyi Gir

Nesne	Nesne Değeri

Textarea'yı Satır Satır Nasıl Okuturuz?

Javascript ile Textarea elemanının içeriğini satır satır okutup başka bir div elemanının içine yazdıralım.

<script>
function linkleriAc(){
var strlar=document.getElementById("lnklist").value.split("\n");
for (i=0;i<strlar.length;i++){
document.getElementById("sonuc").innerHTML+=strlar[i]+"<br/>";
}

}
</script>
<textarea id="lnklist" cols="80" rows="10">
</textarea><br/>
<input type="button" onclick="linkleriAc();" value="Satırları Oku" />
<div id="sonuc">
</div>

Kodların çalışan hali

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz?

Javascript ile veriyi bir alt satıra nasıl yazdırabiliriz? HTML dilinde bir alt satıra geçmek için
ya da
şeklinde yazılan etiketi kullanırız. Javascirpt ile bir yere sonuç yazdırırken de yazdırdacağımız çıktı içine bu tag'i ekleyerek çıktı verilerimizi bir alt satıra yazdırabiliriz. Örnek senaryomuzda biri mavi diğeri yeşil iki adet div bulunmakta. Mavi kutudaki "İçerik Metni" yazısını yeşil kutudaki "İşlemin Sonucu" metninin altına yazdırmak istiyoruz. Bunun için yazdir isminde bir fonksiyon oluşturuyoruz. Bu fonksiyon butona basıldığında çalışacak ve mavi kutudaki metni alıp yeşil kutudakinin altına ekleyecek. Önce veri isminde bir değişken tanımlayalım ve içine mavi kutudaki içeriği aktaralım.

var veri=document.getElementById("maviKutu").innerHTML; Sonra yeşil kutuyu yakalayalım ve veri değişkenindeki değeleri bukutunun içine yazdıralım. document.getElementById("yesilKutu").innerHTML+=""+veri;

Gördüğünüz gibi sadece ""+veri; atamasını yaparak mavi kutunun içeriğini yeşil kutuda bir alt satıra yazdırmış olduk. Burada atama yaparken = yerine += kullandığımızı fark ettiniz değil mi? Bunu kullanmamızın nedeni Yeşil kutudaki içeriğin kaybolmasını önlemekti. Eğer sadece = operatörünü kullansaydık veri yeşil kutunun içeriği mavi kutudan alınan değerlerle değişecekti. Ama biz ekleme yapmak istiyoruz. Bu sebepten += operatörünü kullanarak var olan içeriğe veri değişkeninin değerini de eklemiş olduk. Programın kodları aşağıdaki gibidir.

<div id="maviKutu" style="display:block;width:250px;height:85px;border:solid 1px #86c2a8;padding:2px;background:#a1ffdb;margin-bottom:2px;">İçerik Metni</div>
<div id="yesilKutu" style="display:block;width:250px;height:85px;border:solid 1px #04633b;padding:2px;background:#c2ffa1;text-align:center;">İşlemin Sonucu</div>
<button type="button" onclick="yazdir();">
Yazdır</button>

<script>
function yazdir(){
var veri=document.getElementById("maviKutu").innerHTML;

document.getElementById("yesilKutu").innerHTML+="<br>"+veri;
}
</script>

Şimdi de Javascript kodlarımızı çalıştıralım.

İçerik Metni

İşlemin Sonucu

30 Ağustos Zafer Bayramımız Kutlu Olsun

Anahtar Kelime Rehberi : Turizm Sektörü

Turizm sektöründe SEO ve Dijital Pazarlama çalışmalarında faydalı olacağına inandığım bazı uzun kuyruklu anahtar kelimeler ve bu kelimelerin ortalama aylık aranma hacimlerini bir liste haline getirdim. Evet haklısınız, turizm ve tatil ile ilgili tüm kelimeler bunlar değil. Zaman zaman bu yazıyı güncelleyerek listeyi dahada da genişleteceğim.

Listeye geçmeden önce şunları belirtmek istiyorum.

SEO için içerik mi üreteceksiniz?
Bu sadece listede tatil ve turizm sektörüne hangi kelime ne kadar aranmış? Onu görebilirsiniz. Bazı kelimelerin aranma sayıları çok yüksek bazılarınınkisi ise düşüktür. Aranma hacminin düşük olması o anahtar kelimelenin kullanışsız olduğu anlamına gelmez. Size nacizane tavsiyem düşük aranma hacimli kelimelerin daha yüksek aranma hacimli varyasyonlarını türetmeniz ve düşük aranma hacimli kelimelerle birlikte ürettiğiniz içeriğe uygun bir şekilde yerleştirmeniz yönünde olacaktır.

Reklam çalışması mı yapacaksınız?
Google Ads(AdWords) vb arama mecralarında reklam yapacaksanız tüm stratejinizi ve bütçenizi anahtar kelimelerin aranma hacimlerine göre belirlemeyin. Bazen anahtar kelimeler sadece görünmenizi sağlar ve para harcattırır. Sitenize organik olarak gelen ve alışveriş yapan müşterilerin kullandığı anahtar kelimeleri, reklam yapacağınız ürün/hizmet/tatil paketi ile harmanlayarak yeni kelimeler oluşturun. Oluşturduğunuz anahtar kelimelerde Google araması yapın. Listede organik sonuçlarda siz çıkmıyorsanız muhtemelen doğru reklam anahtar kelimelerini buldunuz demektir. Yine de tedbiri elden bırakmayıp bir süre denedikten sonra dönüşümleri inceleyin. eğer istenilen dönüşümü elde edemezseniz ve sitede teknik bir aksaklık yok ise(reklam 404 sayfalarına yönlendiriyor olabilir) yeni kelimeler bulmanın vakti gelmiştir.

Turizm Sektörü İçin Anahtar Kelimeler
5 yıldızlı otel : 1600
5 yıldızlı oteller bodrum : 170
5 yıldızlı oteller alanya : 210
alanya tatil köyleri 5 yıldızlı : 10
antalya otelleri : 135000
antalya kaş : 18100
antalya otel fiyatları : 12100
antalya otel fırsatları : 320
antalya tatil : 5400
antalya tatil köyleri : 3600
antalya kemer otelleri : 9900
balayı otelleri : 27100
bodrum otelleri 135000
bodrum otel fiyatları : 5400
butik otel : 12100
tatil ara : 590
tatil arama motoru : 50
tatil arama sitesi : 10
tatil kampanyaları : 2400
tatil yerleri : 18100
tatil fırsatları : 9900
tatil köyleri : 12100
tatil köyleri antalya : 720
tatil köyleri yalova : 170
tatil köyleri istanbul : 320
tatil köyleri izmir : 320
tatil köyleri fiyatları : 480
tatil turları : 5400
tatil köyü yalova : 170
tatil köyü istanbul : 320
tatil köyü balıkesir : 210
tatil köyü tekirdağ : 30
otel fiyatları : 18100
otel fiyatları istanbul : 480
otel fiyatları antalya : 1000
otel fiyatları bodrum : 260
otel fiyatları alanya : 260
otel kampanyaları : 880
otel rezervasyonları : 12100
otel rezervasyon siteleri : 390
otel rezervasyon iptali : 280
otel rezervasyon programı : 170
ucuz otel : 12100
ucuz otel istanbul : 1300
ucuz otel antalya : 880
ucuz otel bodrum : 320
ucuz otel alanya : 390
uygun otel fiyatları : 590
uygun otel fiyatları bodrum : 20
her şey dahil : 22200
her şey dahil oteller : 18400
her şey dahil antalya otelleri : 590