Abdulaziz Akyol

HTML 5 Yapısal Olmayan Anlamsal Etiketler ve

HTML5
1 Ekim 2018 · 1 dk okuma · Abdulaziz Akyol

Yapısal Olmayan Anlamsal Etiketler

• Etiketleri sıralayalım ve onlar hakkında bilgi ve örnekverelim.

<bdi>

• Bir yazının(Türkçe) içinde farklı bir yönde yazı(Arapça) olduğunda onu ayırmak için kullanılır.

Örn:

Kullanıcı<bdi>Onur Can</bdi>:19 yorum


  • Yukarıdaki örneğin tarayıcıda nasıl göründüğünüdeneyebilirsiniz.

  • Eğer <bdi> etiketini kullanmamış olsaydık aşağıdaki gibi görünecekti.

    “ Kullanıcı Onur Can: 19 yorum”


<details> ve <summary>


  • Bir doküman hakkında ayrıntı bilgi verilmek istendiğinde kullanılır.

  • Eğer özel olarak belirtilmeseydi kullanıcı tıkladığında görünür ve

    tekrar tıkladığında kapanır.


  • Görünmediği zamanlarda <summary> etiketi içinde yazanları gösterir.

    Örn:<details>

    <summary>Detaylar</summary>

    <p>Bu bölümde yazanlar eğer tarayıcı destekliyorsa gözükmemeli.</p>

    </details>


<dialog>

• Dialog penceresinin oluşmasını ve üzerine gelindiğinde açılmasını sağlar.

Örn:<div>

Burada yazanlarla ilgili
<dialog>İpucu bilgileri burada verilebilir</dialog>

</div>

<mark>

• Bir yazının belirli bir bölümünü aydınlatmak(highlight) ve kullanıcının dikkatini çekmek için kullanılır.

Örn:<div>

Bugün yapmayı plandıkların arasında sinemaya gitmek,spor

yapmak ve <mark>kitap okumak</mark> var. </div>

İletişim

Konuşalım.