HTML br Etiketi Nedir?

Web tasarım yaparken kullandığımız temel etiketlerden birisi olan html br etiketi “<br />” etiketi kısaca anlatmak gerekirse Arama Motoru optimizasyonlarının mutlaka istedikleri metinlerin aralarına yerleştirilen ve temelde bir satırı diğer satırdan ayırmaya yarayan bir temel etikettir. “br” etiketi konulduğu noktadan itibaren diğer satırı bir diğer satırdan ayırmış olur. Buna da yazıda bir alta geçme işlemi diyoruz.

Temelde çok fazla işlevi olmayan sadece yazılarda alt satıra geçmeyi sağlayan bu etiketin kullanım şekli olarak bir çok doğru denilen yazım şekli vardır. Bu etiketin sizlerle doğru yazılmış olanını aşağıda göstereceğim.

br Etiketiketinin Doğru Yazımı

br etiketinin doğru yazımı çoğu kez web masterlar tarafından ufak çaplı bir tartışmaya sebep olmuştur. Bir web master doğru yazımın <br> böyle olduğunu iddaa ediyor. Bir kısımda alta geçme etiketinin <br /> bu şekilde olduğunu söylemektedir. Doğru yazımını aşağıda paylaşıyor olacağım;

  • <br> : yanlış
  • <br /> : doğru

HTML kodlarının tamamında açılan etiketin karşılığı olarak kapatılması şartı vardır. Bu nedenle br etiketinin kapatılmasındaki karşılığı olmadığından sonunda “/>” yani <br /> bu şekilde kullanılması oldukça önemlidir.

br Etiketi Nasıl Kullanılır?

HTML etiketleri arasında br etiketini gösterelim;

<img src="..." width="..." height="..." alt="..." />
<br />
<p>deneme yazı deneme yazı</p>

Yukardaki örnekte de daha net anlaşılacağı gibi fotoğraf html etiketiyle paragraf html etiketini bir birinden ayırmış olduk böylelikle görsellikteki karmaşanın bir nebze dahi olsa önüne geçmiş bulunmaktayız. Arama motoru optimizasyonu (SEO) sıralama algoritmasında Html <br> etiketi büyük önem verdiği görsellik maddesi için <br /> etiketini sitenizin görselliğini iyileştirmek için kullanmanızı önermekteyim.

Not: Alt satıra geçme etiketi yani <br /> html etiketi kod satırında değil görsel alanda dikey olarak boşluk alan oluşturmaktadır.

br Etiketi Yerine Kullanılacak Metotlar

  • Div etiketini kullandığınız yerde alt boşluk özelliğine yani margin-bottom özelliğine değer vemeniz br yerine geçecektir.
  • Her hangi bir etikete display:block özelliğini kullanarak html br etiketi yine margin parametresiyle br özelliğini kullanmış gibi görebilirsiniz.

Mümkün olduğunca sizlere <br /> etiketinin özelliklerini, nasıl kullanıldığını ve ne işe yaradığını örneklerle ve arama motorlarının uygunluğuyla anlatmaya çalıştım umarım bu yazım işinize yaramıştır. Herkese iyi çalışmalar.

HTML br Etiketi