Blok ve Satır İçi Öğeler Arasındaki Fark

2024 Yazar: Alex Aldridge | [email protected]. Son düzenleme: 2023-12-17 13:52

Anahtar Farkı – Blok ve Satır İçi Öğeler

HTML, Hiper Metin İşaretleme Dili anlamına gelir. Web sayfaları oluşturmak için kullanılır. Her web sayfası, köprüler kullanılarak diğer web sayfalarına bağlanır. Bu dil etiketlerden oluşur. Köşeli parantezler içinde bir etiket bulunur. Sözdizimi şuna benzer. Çoğu etikette ayrıca bir kapanış etiketi bulunur. Bir etiket ne zaman, kapanış etiketi. Bazı etiketlerin kapanış etiketi yoktur. Bu tür etiketlere örnek olarak

ve

Boş etiketler olarak bilinirler. Bir HTML öğesi, Belge Nesne Modeli'ne (DOM) ayrıştırıldıktan sonra HTML belgesinin veya web sayfasının bir bileşenidir. DOM, web tarayıcısı içindeki dahili bir temsildir. Bir ağaç yapısındaki her belgeyi temsil eder. Tarayıcıda, görüntülenebilir öğeler bir blok öğesi veya bir satır içi öğe olabilir. Blok elemanlar dikdörtgen bir yapıya sahiptir. Satır içi öğeler, blok öğelerine gömülebilir. Blok ve satır içi öğe arasındaki temel fark, satır içi öğelerin öğelerin içeriğini görüntülemek için gerekli genişliği alırken blok öğelerinin mevcut tam genişliği almasıdır.

Blok Öğeleri nedir?

Blok öğeleri mevcut tam genişliği alır. Bu öğeler her zaman yeni bir satırla başlar. Blok öğelerinin bazı örnekleri aşağıdaki gibidir.

paragraf tanımlamak için kullanılır. ör.

Bu bir paragraf

. Başlıkları tanımlamak için altı etiket vardır. Onlar

,

,

…

. Programcı başlığı uygun şekilde kullanabilir.

Sıralı liste ile tanımlanır

sırasız listeile tanımlanırken

. Web sayfası boyunca yatay bir çizgi görüntülemek için kullanılır.

verileri tablo biçiminde düzenlemek için kullanılır. Her web sitesi için site ziyaretçilerinden veri toplanması gerekmektedir. HTML formları, kullanıcıdan veri almak için kullanılır. Aynı zamanda blok düzeyinde bir öğedir. Bunlar HTML'deki bazı blok öğeleri örnekleridir.

Satır İçi Öğeler nedir?

Satır içi öğeler yalnızca gerekli genişliği alır. Bu öğeler yeni bir satırla başlamaz. Satır içi öğelerin bazı örnekleri aşağıdaki gibidir. Bir sayfadan diğerine bağlantılar oluşturmak için kullanılır. Köprüler, HTML'deki temel öğelerden biridir. Hedefe bir bağlantı oluşturmak için href niteliğini içerebilir. Örneğin. Google'ı ziyaret edin. Hedef özniteliği boş. Bu nedenle, yeni belge yeni bir pencerede açılacaktır. Hedef öznitelik "_self" ise, bağlantılı belge aynı pencerede açılır.

Şekil 01: Blok ve Satır İçi Öğe Örnekleri, metnin bir bölümünü kalın yapmak için kullanılır. Etiket, metni italik hale getirmektir. Bir web sayfası sunulabilir olmalıdır. Bu nedenle, herhangi bir web sayfası birden çok resimden oluşur.

Sayfada bir resim görüntülemek için kullanılır. Bu etiket iki öznitelik gerektirir. Bunlar src ve alt. 'Src' görüntünün konumunu tanımlar ve ' alt' görüntünün ne hakkında olduğunu açıklar. Örneğin.. Bunlar satır içi öğelerin bazı örnekleridir.

Blok ve Satır İçi Öğeler Arasındaki Benzerlik Nedir?

Blok ve satır içi öğeler HTML'de kapsayıcı olarak kullanılır

Blok ve Satır İçi Öğeler Arasındaki Fark Nedir?

Blok ve Satır İçi Öğeler
Blok öğeler, ana öğenin tüm genişliğini kaplayacak ve başka hiçbir öğenin yerleştirildiği yatay alanı işgal etmesine izin vermeyecek öğelerdir.	Satır içi öğeler, doğrudan gövde öğesinin içine yerleştirilemeyen ve blok öğelerinin içinde yuvalanmış öğelerdir.
Yeni Hat
Blok öğeleri yeni bir satırla başlar.	Satır içi öğeler yeni bir satırla başlamıyor.
Gerekli Alan
Blok öğeleri tüm genişliği alır.	Satır içi öğeler yalnızca gerekli genişliği alacaktır.

Özet – Blok ve Satır İçi Öğeler

HTML, Hiper Metin İşaretleme dili anlamına gelir. Etiketlerden oluşan bir dildir. Her etiketin belirli bir görevi vardır ve web sayfasının nasıl yapılandırılacağını tanımlar. Bazı etiketlerin başlangıç etiketi ve bitiş etiketi vardır. Bazı etiketlerin bitiş etiketi yoktur. Bunlara geçersiz etiketler denir. Ayrıştırma, sözdizimi analizi işlemidir. Ayrıştırma adımından sonra bu etiketler eleman haline gelir. Öğeler, blok düzeyinde öğeler veya satır içi öğeler olabilir. Blok ve satır içi öğeler arasındaki fark, satır içi öğelerin öğelerin içeriğini görüntülemek için gerekli genişliği alırken blok öğelerinin mevcut tam genişliği almasıdır.

Block vs Inline Elements'ın PDF Sürümünü İndirin

Bu makalenin PDF sürümünü indirebilir ve alıntı notuna göre çevrimdışı amaçlarla kullanabilirsiniz. Lütfen PDF sürümünü buradan indirin: Blok ve Satır içi öğeler arasındaki fark