Web geliştirmede 'çapa' nedir?

Çapa, bir HTML belgesi içinde, sayfada belirli bir yere doğrudan bağlantı kurmayı sağlayan bir işarettir. Çoğu zaman, çapa kullanımı, bir web sayfası içinde gezinmek için yapılır.

Çapa, HTML öğesinde id özniteliği ve href özniteliği ile <a> bağlantısı kullanılarak uygulanır; href özniteliği # sembolü ve çapanın adıyla (id) başlar.

<a href="#section2">İkinci bölüme git</a>

<section id="section1">
  <h2>Birinci bölüm</h2>
  <p>Birinci bölüm içeriği.</p>
</section>

<section id="section2">
  <h2>İkinci bölüm</h2>
  <p>İkinci bölüm içeriği.</p>
</section>

href="#section2" ile bağlantıya tıklandığında, tarayıcı otomatik olarak sayfayı id="section2" olan öğeye kaydırır.

Çapaların ve normal bağlantıların kullanımını karşılaştıran tablo:

Özellik	Çapa (href="#id")	Normal bağlantı (href="/page")
Bağlantı nereye gider	Mevcut sayfada belirli bir yere	Başka bir sayfa veya kaynağa
href içindeki sembol	# ile başlar	Genellikle / veya protokol (http://) ile başlar
İşlev	Sayfa içinde gezinme	Sayfalar arasında gezinme