P Etiketi Nedir?

21.07.2026
Genel
21117
4 dk okuma

HTML’de <p> etiketi bir paragrafı, yani birbiriyle ilişkili metin grubunu temsil eder. Tarayıcılar paragraf öğesini blok düzeyinde gösterir ve varsayılan olarak çevresinde boşluk bırakır. Basit görünmesine rağmen yanlış iç içe kullanım, boş paragrafla mesafe oluşturma ve bütün metni tek paragrafta toplama gibi hatalar erişilebilirliği ve okunabilirliği zayıflatır.

Temel p etiketi kullanımı

<p>Bu metin bir HTML paragrafıdır.</p>
<p>İkinci düşünce ayrı bir paragrafta anlatılır.</p>

Her paragraf tek bir ana düşünceyi taşımalıdır. Uzun metinleri anlamlı parçalara ayırmak kullanıcıların sayfayı taramasını kolaylaştırır. Mobil ekranda çok uzun paragraf blokları özellikle zor okunur.

p etiketi içine neler yazılabilir?

Paragraf içinde metin ve “phrasing content” olarak adlandırılan satır içi öğeler kullanılabilir. Bağlantı, vurgu, güçlü vurgu, kod ve küçük görseller yaygın örneklerdir:

<p>
  Ayrıntılar için <a href="/iletisim">iletişim sayfamızı</a>
  inceleyebilir veya <strong>teklif</strong> alabilirsiniz.
</p>

<div>, başka bir <p>, başlık, liste veya tablo gibi blok öğeler paragrafın içine yerleştirilmemelidir. HTML ayrıştırıcısı bu öğelerden biriyle karşılaştığında açık paragrafı otomatik kapatabilir; kaynak kod ile oluşan DOM farklılaşabilir.

İç içe paragraf neden hatalıdır?

<!-- Hatalı -->
<p>
  Birinci paragraf
  <p>İkinci paragraf</p>
</p>

Paragraflar kardeş öğeler olmalıdır. Tarayıcı hatayı tolere etse bile CSS seçicileri, JavaScript ve ekran okuyucu davranışı beklenmedik sonuç verebilir. HTML doğrulama araçları bu tür sorunları yayın öncesinde bulmaya yardımcı olur.

Boşluk için boş p etiketi kullanmayın

<p> </p> veya boş <p></p> eklemek görsel olarak mesafe oluşturabilir; fakat semantik değildir. Ekran okuyucular boş paragrafı duyurabilir ve içerik düzeni gereksiz öğelerle dolar. Boşluk CSS ile verilmelidir:

article p {
  margin-block: 0 1.25rem;
  line-height: 1.7;
}

Eski align niteliği artık kullanılmamalıdır. Hizalama text-align, boşluk ise margin ve gerektiğinde padding ile yönetilir.

Paragraf okunabilirliği nasıl artırılır?

Bir paragrafta tek ana düşünce anlatın.
Mobilde çok uzun satır ve bloklardan kaçının.
Satır yüksekliğini yazı boyutuna uygun ayarlayın.
Metin ile arka plan arasında yeterli kontrast sağlayın.
Başlık, liste ve paragrafları gerçek anlamlarına göre kullanın.
Tam ortalı uzun metin yerine sola hizalamayı tercih edin.

Makale yapısında paragrafın yeri

Paragraf başlık yerine kullanılmamalıdır. Bölüm başlıkları <h2> ve <h3>, maddeler liste, alıntılar <blockquote> ile işaretlenmelidir. Böylece görsel stil kaldırıldığında bile dokümanın anlam yapısı korunur. Makale içinde paragrafları <article> veya <section> altında gruplayabilirsiniz; ancak her bölüme yalnızca görünüm için gereksiz kapsayıcı eklemeyin.

Tipografide satır uzunluğu ve ölçü

Geniş masaüstü ekranda paragrafı ekranın tamamına yaymak gözün bir sonraki satırı bulmasını zorlaştırır. İçerik sütununa makul bir maksimum genişlik verin. Gövde yazısını sabit piksel yerine kullanıcı tercihlerini destekleyen rem birimiyle tanımlamak ve satır yüksekliğini yaklaşık 1.5–1.8 aralığında görsel olarak test etmek çoğu içerik için iyi başlangıçtır.

.article-content {
  max-width: 72ch;
}

.article-content p {
  font-size: 1rem;
  line-height: 1.7;
  margin-block: 0 1.25rem;
}

Dinamik içerikte güvenli paragraf üretimi

Kullanıcıdan alınan düz metni doğrudan HTML içine yazmayın. Çıktıyı bağlama uygun biçimde kaçırın ve izin verilmeyen etiketleri temizleyin. Zengin metin editörü kullanılıyorsa boş paragraflar, kopyalanan inline stiller ve hatalı iç içe yapılar kayıt öncesinde düzenlenmelidir.

p etiketi SEO’yu etkiler mi?

<p> tek başına sıralama garantisi vermez. Ancak düzgün paragraf yapısı içeriğin anlaşılmasını ve okunmasını kolaylaştırır. Anahtar kelimeyi tekrar tekrar paragrafa doldurmak kaliteyi düşürür. Arama niyetini cevaplayan açık cümleler, açıklayıcı başlıklar ve mantıklı içerik akışı daha değerlidir.

p, br ve div arasındaki fark

p: Anlamlı bir paragrafı temsil eder.
br: Aynı metin grubu içinde satır sonu oluşturur; yeni paragraf değildir.
div: Genel amaçlı blok kapsayıcıdır; paragraf anlamı taşımaz.

Adres, şiir veya satır kırılmasının anlam taşıdığı kısa içeriklerde <br> uygun olabilir. Normal makale metninde her görsel satır sonu için kullanılmamalıdır.

Sık yapılan hatalar

Paragraf içinde blok öğe kullanmak
Boşluk için boş paragraf eklemek
Kapanış yapısını karıştırmak
Bütün makaleyi tek paragrafta yazmak
Eski align niteliğini kullanmak
Anahtar kelime doldurmak

Sonuç

<p> etiketi küçük fakat semantik HTML’nin temel parçalarından biridir. Doğru paragraf yapısı; tarayıcı, yardımcı teknoloji ve kullanıcı için daha anlaşılır içerik üretir. Görsel düzeni HTML boşluklarıyla değil CSS ile kontrol etmek kodun bakımını da kolaylaştırır.

Resmî kaynak: MDN p öğesi referansı.

İçerik editörlüğü ve destek

Bu içerik İlter Web Tasarım editör ekibi tarafından bilgilendirme amacıyla hazırlanmıştır. Projenize özel değerlendirme için ekibimizle iletişime geçebilirsiniz.

Uzmanla Görüşün

İlgili İçerikler

Yorum Yapabilirsiniz.

E-posta mailiniz gizli kalacaktır.*