HTML wbr Etiketi Nedir ve Nasıl Kullanılır?

İçeriklerimizi <div>, <article>, <figure> vb. etiketlerin içine yazarız. Çünkü hangi içeriğin hangi işlemi yaptığı veya o içeriklerin şekillendirilmesi daha kolay olur. Bu ve buna benzer etiketler container (taşıyıcı) etiketlerdir. Bu etiketlerin container sınırları CSS ile belirlenebilir. Işte bu noktada HTML wbr etiketi devreye girer. wbr etiketi bu tip container’lardan taşan satırların bir alt satıra geçip içeriği yarıda kesmesini engelleyerek o satır boyunca yazılmasına devam eder. Bu etiket özellikle mail gibi önemli içerikler yazarken çok önemlidir.

wbr etiketinin kullanımı aşağıdaki gibidir.

<wbr> Bu alan kesintiye uğramaz. </wbr>

wbr elementini kullanarak basit bir örnek yapalım. Örneğimiz aşağıdaki gibi olacaktır.

<!DOCTYPE html>
<head>
<title> wbr Örnek </title>
<meta charset="utf-8">
</head>
<body>
<header><h1> Başlık  </h1></header>
<article>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <br>
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <br>
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo <br>
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse <br>
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non <br>
proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <br>
</article>
<footer> e-mail adresim: <wbr> deneme@deneme.com </wbr></footer>
</body>
</html>

HTML wbr etiketi konusunu bu yazımızda gördük. Konu ile ilgili soru, görüş ya da fikirlerinizi aşağıda bulunan yorumlar kısmı ile bizlere ulaştırabilirsiniz. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca Instagram ve Twitter linklerine de tıklayarak bizi Instagram ve Twitter üzerinden takip ederek destek olabilirsiniz.

https://yazilimdelisi.com/category/web-gelistirme/html/

Sosyal Medya Hesaplarımız

instagram logo
twitter logo

Son Eklenen Yazılar

Bir Cevap Yazın

%d blogcu bunu beğendi: