• 0

HTML'de bilinmesi gereken 7 ipucu!

8 ay önce , Okuma süresi 1 dakika.

HTML'de bilinmesi gereken 7 ipucu!
HTML'de işimizi kolaylaştıracak bir çok özellik mevcut. Bunlardan önemli olan ve büyük oranda işinizi kısayoldan halledebileceğinizi düşündüğüm 7 tanesini sizler için sıralamak istiyorum.

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

O halde hemen başlayalım; 

1-) bdo etiketi; 
HTML öğesi, metnin mevcut yönlülüğünü geçersiz kılar, böylece içindeki metin farklı bir yönde işlenir. Yani ltr veya rtl gibi sağdan sola veya soldan sağa metinlerin dizlişinde kolaylık sağlar. 

Örnek ; 

<p>
    <bdo dir="ltr">Soldan sağa yazılan bir yazı metni. </bdo>
</p>
<p>
    <bdo dir="rtl">Sağdan sola yazılan bir yazı metni.</bdo>
</p>


2-) kbd etiketi;
Kullanıcınıza kısayol göstermeniz gerekiyorsa mutlaka kbd kullanmalısınız. Bir klavyeden metinsel kullanıcı girişini ifade eden bir satır içi metin aralığını temsil eder.

Örnek : 

<p>Lütfen  <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd> tuşlarına basınız..</p>

3-) details 

HTML öğesi, bilgilerin yalnızca pencere öğesi "açık" duruma getirildiğinde görülebildiği bir açıklama pencere öğesi oluşturur. Öğe kullanılarak bir özet veya etiket sağlanmalıdır.

Örnek : 

<details>
    <summary>Detaylar</summary>
   Burada detay metni yer alıyor.
</details>

4-) contenteditable

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

Örnek : 

<p contenteditable="true">Bu yazı metni düzenlenebilir..</p>

5-) abbr

Etiket "HTML", "CSS" gibi bir kısaltma ya da bir kısaltma, tanımlar ve tam ünvanı vurgulu bu etiket gösteriyor.

Örnek : 

<p>Bu yazımızda <abbr title="Cascading Style Sheets">CSS</abbr>  ve <abbr title="HyperText Markup Language">HTML</abbr>. özelliklerine bakıyoruz</p>

6-) translate

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

Örnek : 

<p translate="no">developer.aylin</p>

7-) color picker

HTML'de kolaylıkla bir renk seçici oluşturabilirsiniz. Nasıl mı? 

Örnek : 

<input type="color">

Sonuç : 

HTMl'de daha gizli hazine sayılabilecek bir çok kısayol ve özellik bulunuyor. Ben sıklıkla kullandığım 7 tanesini bu yazımda sizinle paylaşmak istedim. İlerleyen zamanlarda bir yazı dizisi haline getirmeyi düşünüyorum.  Beğendiyseniz like atmayı ve takip etmeyi unutmayın arkadaşlar. 

Bu arada sizler hangi html kısayolları kullanıyorsunuz yorum olarak belirtirseniz de sevinirim. 

Sağlıkla kalın. 

#Yazılım #html