P & BR Etiketleri ile Satır Sonları ve Paragraflar Oluşturma

HTML öğrenmek söz konusu olduğunda, çoğu insanın erken öğrendiği iki etiket, paragraf ve satır sonu etiketleridir.

 ve 
sırasıyla. Bu etiketler, web sayfanızın içeriğinin daha kolay okunması için metninize doğal aralar koyar. Bu etiketlerin kullanımı oldukça kolay olsa da, bazı karışıklıklara neden olabilir ve kötüye kullanılabilirler.

HTML Paragraf Öğesinin Doğru Kullanımı

paragraf öğesi

ile bir etiket çifti olarak kullanılır.

 öğeyi açan etiket ve 

 etiketleyerek kapatın. HTML4 yazarken veya HTML5, bitiş etiketi teknik olarak gerekli değildir, ancak bu etiketi kapatmak için en iyi uygulama olarak kabul edilir. XHTML'de kapanış gerekli.

Paragraf öğesini bir web sitesinde, web dışı ihtiyaçlar için içerik yazarken yaptığınız gibi kullanırsınız - yeni bir fikir veya nokta başlatmak istediğinizde. Çoğu tarayıcı, aralarında bir boş satır bulunan paragrafları görüntüler. İşte HTML'de örnek bir paragraf:

Şimdi tüm iyi adamların ülkelerinin yardımına gelme zamanı. Hızlı kahverengi tilki tembel uyuyan köpeğin üzerinden atladı.

Açılış ve kapanış paragraf etiketleri arasında birçok başka etiket görünebilir.

HTML Satır Sonu Öğesinin Doğru Kullanımı

satır sonu elemanı
etiket bir tek etiket - bitiş etiketi yoktur. XHTML'de etiketi son eğik çizgi ile kullanmalısınız (
), ancak HTML'de (HTML5 dahil), gerekli değildir.

Break öğesi, web sayfasının metin akışı içinde zorunlu bir satır sonudur. Metnin bir sonraki satırda devam etmesini istediğinizde kullanırsınız, ancak içerik ayrı bir fikir veya nokta değildir, bu da onu başka bir paragraf haline getirir. Bunun bir örneği, satır sonlarının genellikle sabitlendiği şiirde görülür.

Paragraf içinde satır sonu örneği:

Şimdi tüm iyi adamların ülkelerinin yardımına gelme zamanı.

Hızlı kahverengi tilki tembel uyuyan köpeğin üzerinden atladı.

Satır sonu etiketi tek bir etiket olduğundan, içinde başka hiçbir etiket kullanılamaz.

Yaygın Kötüye Kullanımları

ve
Etiketler

Kodlamaya yeni başlayan kişiler, bir web sayfasını işaretlerken paragraf ve satır sonu öğelerinde bazı yaygın hatalar yapar.

• kullanma
  bir metin satırının uzunluğunu değiştirmek için: Metni belirli bir şekilde görünmeye veya kesmeye zorlamak amacıyla break etiketinin kullanılması, sayfalarınız tarayıcınızda harika görünüyor ancak başka bir tarayıcıda ve kesinlikle hepsinde değil cihazlar. siteniz bir duyarlı web sitesi, düzenini farklı ekran boyutlarına göre değiştirir. Tarayıcı otomatik olarak sözcük kaydırmayı yerleştirir ve ardından söz konusu olduğunda
  etiketi, metni tekrar sarar, kısa çizgiler, uzun çizgiler ve dalgalı metinle sonuçlanır. Kullanmalısın CSS stil sayfaları belirli HTML öğeleri ekleyerek düzeni zorlamaya çalışmak yerine görsel stilleri dikte etmek.
• kullanma elemanlar arasına boşluk eklemek için: Bir kez daha, bu, görsel bir düzen oluşturmak için HTML'ye dönüşüyor, bu durumda CSS kullanmak yerine boşluk. Bu, bazı HTML düzenleyicilerinin yaygın bir uygulamasıdır ve teknik olarak yanlış olmasa da, HTML'nin garip görünmesine neden olur ve daha sonra düzenlemek kafa karıştırıcı olabilir. Ayrıca web standartlarına ve yapı ile stil ayrımına da uygun değildir. Bazı durumlarda kırılmayan kullanım boşluklar aksi takdirde boş paragraf etiketleri, farklı tarayıcılarda beklenmeyen boşluklara neden olabilir, çünkü hepsi bunu farklı şekilde yorumluyor gibi görünmektedir. Tasarımınızda ihtiyaç duyulan boşluk öğelerini elde etmek için en iyi çözüm stil sayfaları kullanmaktır.