HTML5 İle Gelen Temel Etiketler – 2

***SynaX*** · Dün, 10:37

HTML5 İle Gelen Temel Etiketler – 2

Daha önceki HTML5 Derslerinde temel etiketlere değinmiştik ama onlar html’e ait temel etiketlerdi bu yazımda HTML-5 İle gelen temel etiketleri incelemeye çalışacağım.

<abbr>…</abbr> HTML5 Temel Etiketi Nedir?

<abbr> Etiketi kısaltmaları tanımlamak için kullanılmaktadır. Bu etiket sayesinde arama motorlarına yaptığımızın bir kısalta olduğunu ve gerçek açılımının da yazdığımız gibi olduğunu anlatmış oluruz.

Kullanımı:

Kod

<abbr title=”Hyper Txt Markup Language”>HTML</abbr>

Destekleyen tarayıcılar

İe6 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: class, dir, id, lang, style, tabindex, title

NOT: Html5 öncesinde bu etiket yerine <acronym> etiketi kullanılıyordu ama HTML5 ile birlikte kaldırılmış oldu.

<address>….<address> HTML5 Temel Etiketi Nedir?

<address> Etiketi sayfamızda genelde article etiketi içerisinde kullanılmaktadır ve yazarın ya da sayfanın iletişim bilgilerinin çevreleyicisi olarak görev alır.

Kullanımı:

Kod

<article>

                <address>

                <h1> Adres </h1>

                <a href=”mailto:bilgi@ircforum.gen.tr”>bilgi@ircforum.gen.tr</a>

                Adres: adres mahallesi adres caddesi adres apartmanı 1/1 ANKARA / Çankaya

</address>

</article>

Destekleyen tarayıcılar

İe9 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: class, dir, id, lang, style, tabindex, title

<area>…</area> HTML5 Etiketi nedir?

<area> etiketi <map> etiketi ile birlikte kullanılır ve bir resim üzerindeki birkaç noktaya birden bağlantı vermemize imkan tanır.

Kullanımı:

Kod

<img src=”turkiye.jpg” width=”600” height=”400” alt=”ülkemizin illeri” usemap=”#ulkeharitamiz” />

<map name=”ulkeharitamiz”>

                <area shape=”rect” coords=”0, 0, 16, 98” hreff=”ankara.html”>

                <area shape=”rect” coords=”2, 5, 11, 99” hreff=”istanbul.html”>

</map>

Destekleyen tarayıcılar

İe6 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: alt, coords, href, shape, target

<base …/> HTML5 Etiketi Nedir?

<base> Etiketi web sayfasının default URL’sini göstermek için kullanılır ve sayfa da <head>…</head> etiketleri arasına yazılır.

Kullanımı:

Kod

<head>

                <base href=”http://www.ircforum.gen.tr” />

                <base target=”_self” />

</head>

Destekleyen tarayıcılar

İe6 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: alt, coords, href, shape, target

<bdo>…</bdo> HTML5 Etiketi Nedir?

<bdo> Etiketi sayfamızdaki metinleti soldan sağa ya da sağdan sola yazdırılma tercihlerini belirler. Aynı anda sayfa da istediğimiz kadar soldan sağa ve sağdan sola metinler yazdırabiliriz.

Destekleyen tarayıcılar

İe6 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: class, id,lang, style, title, dir

Not: dir özelliğiiki değer alır bunlar: ltr (left to right – Soldan Sağa) ikincisi rtl (right to left – sağdan sola )

Kullanımı:

Kod

<bdo dir=”ltr”> Bu kısma yazılan metinler soldan sağa doğru yazacaktır </bdo>

<blockquote>…</blockquote> HTML5 Temel Etiketi Nedir?

<blockquote> Etiketi sayfamızda başka sayfalardan yapacağımız alıntıları belirtmek için kullanılır. Alıntı metinleri bu etiket içerisinde kullanırsak arama motorları içerik hırsızlığı ile biz suçlamayacaktır.

Destekleyen tarayıcılar

İe6 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: class, id, lang, style, title, dir, cite

Not: dir özelliğiiki değer alır bunlar: ltr (left to right – Soldan Sağa) ikincisi rtl (right to left – sağdan sola )

Kullanımı:

Kod

<blockquote cite=”http://www.ircforum.gen.r”> bu Metin bir IRCForum sitesinden Alınmıştır</blockquote>

NOT: blockquote etiketinin bir benzeri de <q>…</q> etiketidir bu etiket ile de deyim gibi kısa alıntıları yazmak için kullanabilirsiniz.

<buton …. /> HTML5 Temel Etiketi Nedir?

<buton> Etiketi input giriş etiketlerindendir. Sayfamızda oluşturduğumuz formları post etmek amacı ile türetilmiştir. <buton /> etiketi de <br />, <hr />, <img /> gibi özel etikettir ve içerisine herhangi bir başka etiket almaz.

Buton etiketlerinin görünümü css yardımı ile değiştirilebilmektedir ve genel kullanımı da o şekildedir.

Destekleyen tarayıcılar

İe6 ve üzeri diğer tüm tarayıcılar tarafından desteklenir.

Özellikler

Aldığı özellikler: class, id, lang, style, title, dir, tabindex, disabled, name, type, accesskey, value

Aldığı Script Özellikleri : onblur, onclick, ondblclick, onfocus, onmousedown, onmousemove, onmouseout, onmouseup, onkeydown, onkeypress, onkeyup

Not: dir özelliği iki değer alır bunlar: ltr (left to right – Soldan Sağa) ikincisi rtl (right to left – sağdan sola )

HTML5 İle Gelen Temel Etiketler – 2

HTML/CSS/JavaScript hakkında bilgiler, ipuçları, sorular, sorunlar ve çözümleri.

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.

Konuyu Görüntüleyen Aktif Kullanıcılar: 4 (0 üye ve 4 misafir)