Bilinmesi Gereken 7 HTML Etiketi

Web geliştiricisiyseniz, kesinlikle HTML kullanıyorsunuz! Çok fazla HTML özelliği kullanıyorsunuz, fakat bugün bazı yeni etiketler öğreneceksiniz!

1. bdo etiketi

bdo etiketi, metnin mevcut yönlülüğünü geçersiz kılar, böylece içindeki metin farklı bir yönde yapılabilir! Yön belirtmek için etiketi kullanabilirsiniz .

• ltr -> Metnin soldan sağa doğru gitmesi gerektiğini belirtir
• rtl -> Metnin sağdan sola doğru gitmesi gerektiğini belirtir.

<p>
    <bdo dir="ltr">This text will go left to right.</bdo>
</p>
<p>
    <bdo dir="rtl">This text will go right to left.</bdo>
</p>

2. kbd etiketi

Kullanıcınıza kısayol göstermeniz gerekiyorsa kbd etiketini kullanmalısınız.

<p>Please press <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> to re-render a browser page.</p>

3. details etiketi

HTML öğesi, bilgilerin yalnızca pencere öğesi "açık" duruma getirildiğinde görülebildiği bir açıklama pencere öğesi oluşturur.

<details>
    <summary>Details</summary>
    Something small enough to escape casual notice.
</details>

4. contenteditable etiketi

contenteditable etiketi, bir öğenin içeriğinin düzenlenebilir olup olmadığını belirtir.

<p contenteditable="true">This is an editable paragraph.</p>

5. abbr etiketi

<abbr>Etiket "HTML", "CSS" gibi bir kısaltma ya da bir kısaltma, tanımlar ve üzerine gelindiği zaman tanım çıkar.

<p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr title="HyperText Markup Language">HTML</abbr>.</p>

6. translate

Bu özellik içeriğin çevrilmesi gerekip gerekmediğini HTML'ye belirtin (örneğin google translate ile).

7. color picker

Kolayca bir renk seçici oluşturabilirsiniz.