HTML Öğeleri: Block-Level vs. Inline Elements

Blok seviyesi ve satır içi öğeler arasındaki fark nedir?

HTML, web sayfalarının yapı taşları olarak işlev gören çeşitli öğelerden oluşur. Bu elemanların her biri iki kategoriden birine girer: blok düzeyindeki öğeler veya satır içi öğeler. Bu iki eleman türü arasındaki farkı anlamak, web sayfalarının oluşturulmasında önemli bir adımdır.

Blok Düzeyi Elemanları

Öyleyse blok seviyesi eleman nedir? Blok düzeyinde bir öğe, bir Web sayfasında yeni bir satır başlatan ve üst öğesinin mevcut yatay alanının tüm genişliğini genişleten bir HTML öğesidir. Paragraflar veya sayfa bölümleri gibi büyük içerik blokları oluşturur. Aslında çoğu HTML elemanı blok seviyeli öğelerdir.

HTML belgesinin gövdesinde blok düzeyindeki öğeler kullanılır. Satır içi öğeleri ve diğer blok düzeyindeki öğeleri içerebilirler.

Satır İçi Öğeler

Blok düzeyindeki bir öğenin aksine, bir satır içi öğe şunları yapabilir:

Satır içi bir öğeye örnek, etiketidir ve bu da kalın yazı içerisindeki metin içeriğinin fontunu oluşturur. Satır içi bir öğe genellikle yalnızca diğer satır içi öğeleri içerir veya
kesme etiketi gibi hiçbir şey içermez.

HTML'de üçüncü bir öğe türü de vardır: hiç görüntülenmeyenler. Bu öğeler sayfa hakkında bilgi sağlar, ancak bir Web tarayıcısında işlendiğinde görüntülenmez.

Örneğin: