HTML5 ile internet sitesi oluşturmaya başladığımızda yazacağımız kod topluluğunun arama motorları tarafından bilinmesi, yazmış olacağınız içeriğin anlaşılabilmesi, kullanıcıların arama yaparken karşılarına one göre sonuç çıkması ve yazmış olduğunuz içeriğin içinde kaybolmamasını sağlar.
HTML5 Alıntı Etiketlerini kullanarak sadece internet sitenizi ziyaret eden kullanıcıya değil arama motorlarına da bilgi vermiş olursunuz. Bu içeriğimiz de ise öğreneceğiniz etiketler ise :
- HTML5 Tırnak Etiketi Kullanımı
- HTML5 Alıntı Etiketi Kullanımı
- HTML5 Kısaltmaları Tanımlama Etiketi Kullanımı
- HTML5 Adres Etiketi Kullanımı
- HTML5 Eserin Başlığını Tanımlama Etiketi Kullanımı
- HTML5 Metnin Yazım Yönünü Değiştiren Etiketin Kullanımı
Yukarıda var olan başlıkları sırası ile göstererek oluşacak olan internet sitenizde ki çoğu karmaşaların önüne geçebilirsiniz. Her birinin bir görevi ve farklı bir işlemi vardır. O zaman hazır isek artık videolu ve yazılı içeriğimiz olan bu yazıda HTML5 Alıntı Etiketlerinin kullanımı öğrenebiliriz.
[accordion] [accordion_content title=”HTML5 Tırnak Etiketinin Kullanımı” icon=”” active=”active”]Eğer yazmış olduğunuz içerikte belirli bir kelimeyi tırnak içine almak istiyor iseniz ne gerek var ki etiket yazmaya gibi düşünebilirsiniz. Fakat bu tırnak içine alacağınız kelime önemli bir rol taşıyor ise HTML5 Tırnak Etiketi kullanmanız gerekecektir.
<p>Birinci <q>paragraf</q></p>
Şeklinde kullandığımız paragraf kelimesi otomatik olarak iki tırnak içine alınarak yazılmış olacak ve arama motoru robotlarına bu kelimenin önemli olduğu da belirtilmiş olacaktır.[/accordion_content][accordion_content title=”HTML5 Alıntı Etiketinin Kullanımı” icon=”” active=”active”]Eğer büyük bir metni alıntı şeklinde paylaşacak iseniz kullanmanız gereken etiket HTML5 Alıntı Etiketi olacaktır. Bu etiketin kodlarını hiç bir metin biçim etiketinin içine yazmanız gerekmez. Direkt olarak kendi başına yazdığınızda çalışabilir.
<blockquote>Uzunca bir metin</blockquate>
Şeklinde yazdığınızda yazınız ekrandan bir Tab kadar içe girmiş şekilde yazılacaktır ve alıntı olduğu belli olacaktır. Bu etiketi bir paragraf içinde kullanmaya kalkar iseniz bu etiketi yazdığınız ve kapatma etiketini yazdığınız kısma kadar olan kısım bir alt satıra yazılacaktır. Eğer ki bu alıntıyı nereden aldığınızı belli etmek istiyor iseniz :
<blockquote cite=”https://webdunya.com>Uzunca bir metin</blockquate>
Cite etiketini kullanarak alıntının nereden alındığını bu yol sayesinde belirtebilirsiniz.[/accordion_content][accordion_content title=”HTML5 Kısaltma Etiketi Tanımlama” icon=”” active=”active”]Eğer internet sitenizde ve oluşturacağınız içerikte bazı kurum, kuruluş, yer yada aklınıza gelebilecek her hangi bir şeyin kısaltması var ise ve siz yazacağınız bir kod ile kısaltmanın tam halini arama motoru robotlarına bildirme işlemini gerçekleştirirseniz arama motorunda bir arama yapan ziyaretçilerin aranan cümleye göre o kelimenin kısaltmasını yada uzun halini yazması bir şey değiştirmeyerek sizin internet sitenizi görebilecektir.
<p>Selfie kelimesini <abbr title=”Türk Dil Kurumu”>TDK</abbr> Öz Çekim olarak Türkçe ‘ye çevirdi</p>
Yukarıda TDK ‘nın Türk Dil Kurumu olduğunu arama motoru robotlarına belirttik. Sadece arama motoru robotlarına belirtmekle kalmayıp, internet sitenizde TDK kelimesinin üzerine gelen kullanıcılara küçük bir kutu çıkarak Türk Dil Kurumu yazılmasını da sağlamış olduk. Açıkçası çok basit ve kullanışlı olan HTML5 Kısaltma Tanımlama Etiketinin kullanılması bir çok anlamda internet sitenize fayda sağlayacaktır.[/accordion_content][accordion_content title=”HTML5 Adres Etiketi Kullanımı” icon=”” active=”active”]Eğer bir kuruluş iseniz ve market, kurum, kuruluş, ajans gibi yerlerin bir adresi olacağından dolayı sizde oluşturmuş olacağınız kurumsal internet sitenizde adresinizi HTML5 Adres Etiketi ile belirtmeniz de yarar vardır.
<adress>Adresiniz</adress>
Yukarıda ki şekilde etiketin arasına kendi adresinizi girdiğinizde ve oluşan internet sitesinde ki kısma baktığınızda adresin italik bir şekilde yazıldığını görürsünüz.[/accordion_content][accordion_content title=”HTML5 Eserin Başlığını Tanımlama Etiketi Kullanımı” icon=”” active=”active”]Yukarıda alıntı etiketinin içine eklemiş olduğumuz <cite> etiketi tek başına yada <img> etiketinin içine kullanıldığında HTML5 Eserin Başlığını Tanımlama Etiketi olarak kullanılır.
<cite>Mona Lisa</cite>
Yukarıda yer alan şekilde kullanılır ve eserin kime ait olduğunu, isminin ne olduğunu belirtmek için kullanabilirsiniz. Aynı zamanda bir resim ekleme etiketi olan <img> etiketi içinde de kullanabilirsiniz.[/accordion_content][accordion_content title=”HTML5 Metin Yönü Değiştirme Etiketi Kullanımı” icon=”” active=”active”]Eğer bir metnin yönünü değiştirmek istiyor iseniz kullanmanız gereken etiket HTML5 Metin Yönü Değiştirme Etiketi olacaktır. Bir metnin metin yönünü değiştirmek istiyor iseniz bu etiket kullanılır.
<bdo dir=”rtl”>Bir metin</bdo>
Şeklinde kullanılır ve Bir metin olarak yazılmış kelimenin nitem riB şeklinde gözükmesini sağlar. Bu sayede metnin yönünü geçersiz bir şekilde kılmış olursunuz.[/accordion_content] [/accordion]
Yukarıda yer alan etiketleri doğru yerde kullanmak internet sitenize bir çok farklı yarar sağlayacaktır. Kullanmış olacağınız bu etiketleri bilmeseniz bile internet sitesi yapılabilir. Fakat her bir etiket boş yere çıkarılmamış ve her birinin kullanım amacı vardır. Siz ne kadar doğru bir şekilde kullanım yapar iseniz o kadar çok internet sitenize arama motoru robotlarından ziyaretçi çekebilirsiniz.