Tanımadığınız HTML Elemanları

Merhaba, bu bölümde birçoğumuzun bilmediği fakat yeri geldiğinde çok işimize yarayan Html elamanlarından bahsedeceğim.

Audio

<audio> etiketi, müzik veya diğer ses akışları gibi bir sesi tanımlar. Şu anda desteklenen üç dosya formatı vardır: MP3, WAV ve OGG.

blockquote

<blockquote> etiketi, başka bir kaynaktan alıntılanan bir bölümü belirtir.

Output

<output> etiketi, bir hesaplamanın sonucunu temsil eder. Birinci ve ikinci giriş değerlerinin çıkış etiketine "basılması" gerektiğini belirtmek için artı işaretini ve eşit sembolü kullanabilirsiniz; Bunu, birleştirilecek iki öğenin kimliklerini içeren bir for niteliği ile gösterebilirsiniz.

Picture

<picture> etiketi, resim kaynaklarını belirtmenize izin verir. Görüntü alanı genişliğine bağlı olarak yukarı ve aşağı ölçeklendirdiğiniz bir görüntü yerine tarayıcı görüntü alanını doldurmak için birden çok görüntü tasarlanabilir.

Resim etiketi iki farklı etiket içerir: bir veya daha fazla <source> öğesi ve bir <image> öğesi.

Kaynak eleman aşağıdaki özelliklere sahiptir:

srcset (zorunlu): Görüntülenecek resmin URL'sini tanımlar

media: CSS içinde tanımlayabileceğiniz herhangi bir geçerli medya sorgusunu kabul eder.

sizes: Tek bir genişlik değeri, genişlik değerine sahip tek bir medya sorgusu veya genişlik değerine sahip virgülle ayrılmış bir medya sorgusu listesi tanımlar.

type: MIME türünü tanımlar.

Tarayıcı en uygun resmi yüklemek için özellik değerlerini kullanır; İlk <source> öğesini eşleşen bir isabet ile kullanır ve sonraki kaynak öğeleri yok sayar.

<img> etiketi, bir tarayıcı öğeyi desteklemiyorsa veya <source> etiketlerinden hiçbiri eşleşmiyorsa geriye dönük uyumluluk sağlamak için kullanılır.

Progress

<progress> etiketi bir görevin ilerlemesini temsil eder.

<progress> etiketi, <meter> etiketinin yerine geçmez, bu nedenle disk alanı kullanımını veya sorgu sonucu alaka düzeyini gösteren bileşenlerin <meter> etiketini kullanması gerekir.

Meter

<meter> etiketi, belirli bir aralıktaki bir skalar ölçümünü veya fraksiyonel bir değeri tanımlar. Bu etikete “ölçer” adıyla da başvurabilirsiniz.

Disk kullanım istatistiklerini görüntülemek veya arama sonuçlarının alaka düzeyini belirtmek için <meter> etiketini kullanabilirsiniz.

<meter> etiketi bir görevin ilerlemesini göstermek için kullanılmamalıdır; bu tür bileşenlerin <ilerleme> öğesi tarafından tanımlanması gerekir.

Summary

<summary> etiketi bize altındaki text i gizleyerek tıklanınca göstermesini sağlar.

<details>

      <summary>Click To Open</summary>

      Hey, im natively collapsable. My content remains hidden till you click on Summary.

</details>

kendime notlar...