HTML5 Etiketi Ne Demek?

Tarih: 14-Ocak-2018
Görüntülenme: 221

Ders-8 HTML5 Temel Etketler – 2

Bu kısımda Tanımlanacak olan etiketler daha çok etiket aralığında işlem gören html parçasının anlamsal olarak nasıl olduğunu tanımlama da kullanılırlar. Öncekilerden bu özelliği ile ayrıldıkları için ikinci bir makaleye eklemekte fayda gördüm.

<em>…</em> HTML5 Etiketi Ne Demek?

<em> etiketi yazı içerisinde özellikle belirtilmek istenilen bir bölüm olduğunda kullanılmaktadır. Arama motorlar için de faydası vardır, kalın yaparak ya da renk vererek vurguladığımız kelimeleri em ile vurgulamak ta aynı anlama gelmektedir.

Kullanımı:

<p> burası nırmal yazı alanı <em>burası vurgulanmak istenilen yazı alanı</em> normal yazı alanına devam ediyoruz<p>

<dfn> …. </dfn> HTML5 Etiketi Nedir?

Bu etiket içeriğinizde tanımlanması gereken herhnagi bir kelime ya da kısaltma kullandığınızda, o kelime ya da kısaltmayı tanımlamak için kullanılır.

Kullanımı:

<p> <dfn> HTML </dfn> Web sayfaları oluşturmak için kullanılan standart biçimlendirme dilidir. </p>

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

Sayfa içerisinde göstermeniz gerek uzun kod bloglarının çevrecisi olarak kullanılır. Yani kod bloglarını içine alarak tanımlar.

Kullanımı:

<p>Regular text. <code>computer code</code> Regular text.</p>

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

Sayfamızda göstermemiz gereken kısa kod bloglarını tanımlama da kullanılır.

Kullanımı:

<p> Tarayıcı bir hata iletisi gösteriyorsa "<samp>HTTP 404 – Sayfa Bulunamadı</samp>" Yanlış URL girmiş olabilirsiniz</p>

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

<cite> Etiketi başka bir kaynaktan yapılan bir alıntıyı veya referansı gösterir. İçerisindeki metin genellikle tarayıcının çoğunda italik olarak görüntülenir, ancak bu stil CSS'yi kullanarak geçersiz kılınabilir.

NOT: <blockquote> veya <q> etiketleri de aynı özellik için kullanılmaktadır.

Kullanımı:

<p>My favorite movie is <cite>star wars</cite>.</p>

<p>My another favorite movie is <cite>harry potter</cite>.</p>

 

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

<del> etiketi içerisine yazılan metnin üzerini çizer ve bu metnin eski bir metin olduğunu gösterir.

Kullanımı:

<p> En sevdiğim Tatil yeri <del> Antaltyadır </del> <ins> Kuşadasıdır </ins> </p>

NOT: <ins> etiketini de ayrı açıklamaya gerek yok. Bu etiket te del ile eski olarak tanımlanan cümlenin / kelimenin yenisini belirtmekte kullanılır. Benzer bir kullanımda <s> … </s> etiketinde vardır. Bu etiket yukardaki örnekten gidersek. Artık Antalya en sevdiğim yer değil demek yerine anktalya burada yanlış kullanılmıştır demek için kullanılır.

Destekleyen Tarayıcılar:

İe6 + üzeri ve diğer tüm güncel tarayıcılarda çalışmaktadır.

Aldığı Özellikler:

Standart html özelliklerinin yanında bazı ek özellikler de tanımlanmaktadır. Bunlar:

Class, dir, id, lang, style, tabindex, title, cite, datetime (datetime metnin silindiği tarihi gösterir formatı ise: YYY-MM-DDThh:mm:SSTZD dir)

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

<details> etiketi <summary> … </summary> etiketi ile birlikte kullanılır ve detay kısmını tanımlar. Aşağıdaki örnekte göreceğiniz üzere summary içinde yazan metin browser da görünmez durumdadır ve h1 tagı içinde bulunan burası başlık denilen kısma tıkladığınızda bir nebi açılır menü gibi detay ortaya çıkar.

Kullanımı:

<details>

<summary>Burası Başlığa Tıklandığında Açılacak Olan ve Tıklanmadan önce görünmeyen kısım</summary>

<h1>Burası Tıklanılacak Başlık</h1>

</details>

<embed … /> HTML5 etiketi Nedir?

Bu etiket sayfaya dışardan dosya yüklemek ve çalıştırmak için kullanılır. Swf uzantılı dosyalarda sıkça kullanıldığı görülür.

Kullanımı: <embed src=”selam.swf” />

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

<figcaption> Etiketi daha önceki makalelerde de bahsettiğim <figure> etiketi içerisinde içerisinde kullanılır ve etikette tanımlanan image dosyasına açıklama eklemek için kullanılır.

Kullanımı:

<figure>

    <img src="dunya.jpg" alt="Space Shuttle">

    <figcaption>Dunya Canlılara Ev sahipliği yapan yaşamın olduğunu bildiğimiz evrendeki tek gezegendir</figcaption>

</figure>

Sonraki makalemizde de HTML Temel Etiketlerine örneklerle birlikte devam edeceğim


YORUMLAR
Bu konuya henüz yorum yapılmamıştır. İlk yorumu sen yaz.
YORUM YAZIN...