HTML alt etiketi nedir?
Tanım
bu <sub>
etiketi, metni alt simge olarak görüntüleyen satır içi bir öğedir. Alt simge metni daha küçük ve daha düşük taban çizgisiyle gösterilir.
Örnek
Kendin dene
kullanım
- Hem açılış hem de kapanış etiketleri gereklidir.
- bu
<sub>
öğe, herhangi bir tipografik kurala veya standarda uymak için yalnızca görüntüleme amacıyla kullanılmalıdır. Herhangi bir semantik anlam ifade etmez. - Şunlar için kullanım durumları:
<sub>
eleman şunları içerir:
Öznitellikler
bu <sub>
öğesi yalnızca Global Nitelikleri destekler.
Varsayılan CSS Ayarları
Çoğu tarayıcı, görüntülemek için aşağıdaki varsayılan CSS’yi kullanır: <sub>
eleman:
sub {
vertical-align: sub;
font-size: smaller;
}
Kendin dene
En İyi Uygulamalar
- Dipnotları işaretlemek için bkz.
<sup>
.
mu <sub>
eleman SEO’yu etkiler mi?
Google, olup olmadığı konusunda sessiz kalırken <sub>
elemanı SEO’yu etkiler, herhangi bir fark yaratması pek olası değildir. Diğer biçimlendirilmiş kelimelerin aksine, başlangıç kılavuzlarında buna herhangi bir referans yoktur.
Yine de dikkate almaya değer birkaç nokta var. H’yi alalım2Örnek olarak Ö.
“H2O” için arama yaparsanız aşağıdakileri elde edersiniz:
“H2O Formülü” için arama yaparsanız, Google alt simge kullanarak formülü temsil edebilir.
Arama teriminde Unicode kullanarak “H₂O” için arama yaparsanız, muhtemelen Unicode kullanılarak yazılmış makaleleri aradığı için arama sonuçları daha düşük kalitededir.
Ancak, Unicode yerine <sub>
yardımcı teknolojiler onu yorumlamakta sorun yaşadığından öğe erişilebilirlik için kötüdür.
Bunun bir örneği aşağıda bulunabilir:
Siz tweetlerinizi ve kullanıcı adlarınızı için ℯ. Ama , gibi yardımcı teknolojilerle neye var mı? pic.twitter.com/CywCf1b3Lm
— Kent C. Dodds 🌌 (@kentcdodds) 9 Ocak 2019
Bir başka ilginç nokta da Google’ın göstermemesi <sub>
arama parçacıklarında ve başlıklarında doğru biçimlendirilmiş öğeler.
Arama sonuçlarında biçimlendirilmiş olarak görünen Unicode karakterlerini kullanmanın daha iyi olacağını düşünebilirsiniz, ancak en iyi sonuçların tümü Unicode sürümlerini kullanmadığından, bu konuda iki kez düşünmek isteyebilirsiniz.
Şartname
Tarayıcı Desteği
Masaüstü
Krom | Kenar | Firefox | IE | Opera | Safari |
---|---|---|---|---|---|
Evet | Evet | Evet | Evet | Evet | Evet |
mobil
Android Web Görünümü | Chrome Android | Firefox Android | opera android | iOS Safari | Samsung İnternet |
---|---|---|---|---|---|
Evet | Evet | Evet | Evet | Evet | Evet |
Bir cevap yazın