HTML wbr etiketi nedir, nasıl kullanılır ve örneklerle anlatımı. HTML belgesinde kısa kelimeleri nasıl bölebilirsiniz.
HTML wbr Etiketi Nedir?
HTML wbr Etiketi Nedir?
HTML wbr etiketi, bir web sayfasında satır sonu otomatik olarak yapılan kelime bölme işlemine müdahale etmek için kullanılan bir HTML etiketidir. Bu etiket, bir kelimenin ortasında otomatik satır sonu oluşturulmasını engelleyerek, istenmeyen kelime bölünmelerini önlemek için kullanılır.
Örneğin, bir web sayfasında HTML wbr etiketi kelimesi görüntülenirken, ekrana HTML kelimesi bir satırda, wbr kelimesi bir sonraki satırda ve etiketi kelimesi de bir sonraki satırda görüntüleniyorsa, bu durumu engellemek için HTML wbr etiketi kullanılır.
Wbr etiketi, tarayıcıya kelime bölme yerine satır sonu oluşturmaması konusunda direktif verir. Böylece belirli bir kelimenin bölünerek farklı satırlarda görüntülenmesi engellenmiş olur.
HTML wbr etiketi, web geliştiricilerin kullanabileceği önemli bir araçtır ve doğru bir şekilde kullanıldığında, web sayfalarının daha düzenli görünmesini sağlar.
HTML wbr Etiketi Kullanımı
HTML wbr Etiketi KullanımıHTML wbr Etiketi Kullanımı
HTML wbr etiketi, bir sayfa veya metin içeriğinde kelime bölünmelerinde kullanılan bir etikettir. Bu etiket, tarayıcıların otomatik bölünme noktası seçme algoritmalarını etkileyerek, kelimelerin uygun şekilde bölünmesini sağlar.
HTML wbr etiketi, özellikle Türkçe gibi eklemeli bir dilde, kelime bölünmelerinde kullanılarak metinlerin daha düzgün ve okunabilir olmasını sağlar. Özellikle uzun kelimelerin veya URL’lerin uygun şekilde bölünmesi için tercih edilir.
HTML wbr etiketi, kullanımı oldukça kolaydır. Tek yapmanız gereken, kelimenin bölünmesi gereken yerine <wbr> etiketini eklemektir. Bu sayede tarayıcılar, kelimenin bölünme noktasını doğru bir şekilde seçebilecektir.
Örneğin; <p>Bu bir örnek cümledir. Uzun_kelimenin_burada_bölünmesi_gerekiyor.</p>
| Before | After |
|---|---|
| Bu bir örnek cümledir. Uzun_kelimenin_burada_bölünmesi_gerekiyor. | Bu bir örnek cümledir. Uzun_<wbr>kelimenin_<wbr>burada_<wbr>bölünmesi_<wbr>gerekiyor. |
Yukarıdaki örnekte görüldüğü gibi, <wbr> etiketi eklenen yerlerde kelime uygun şekilde bölünmüş ve okunabilirliği artmıştır.
HTML wbr Etiketi Örneklerle Anlatım
HTML wbr Etiketi Örneklerle Anlatım
HTML wbr Etiketi olarak da bilinen word break opportunity etiketi, web sayfalarında kelime aralıklarını belirlemek için kullanılır. Bu etiket, uzun kelimelerin veya URL’lerin otomatik olarak kesilip yeni satıra geçmesini sağlar.
Bir web sayfasında, kullanıcı ekran boyutunu küçülttüğünde veya bir elementin boyutu sınırlı olduğunda, kelime veya URL’lerin doğru şekilde bölünmesini ve görüntülenmesini sağlamak için HTML wbr etiketi kullanılır.
Bu etiket, özellikle mobil uyumlu web siteleri tasarlarken oldukça faydalıdır. Örneğin, bir kullanıcı cep telefonunda web sitesini ziyaret ettiğinde, uzun kelimeler veya URL’ler ekran boyutuna sığmadığında, HTML wbr etiketi kullanılarak bu içeriklerin düzgün bir şekilde bölünmesi sağlanabilir.
| Normal metin: | Buuygulamayıindirerektelefonunuzarasında [wbr] paylaşımyapabilirsiniz. |
| HTML wbr etiketi kullanıldıktan sonra: | Buuygulamayıindirerektelefonunuzarasındapaylaşımyapabilirsiniz. |