Anahtar Farkı: Etiket bir satır sonu oluşturur ve varsayılan olarak, etiketin başlamasından sonra ve etiket bitinceye kadar gelen metin arasında bir bölünme oluşturur. Etiket, etikete benzer bir satır sonu oluşturmaz, ancak kullanıcının aynı satırdaki bir sayfadaki şeyleri etrafındaki diğer öğelerden ayırmasına izin verir.

Ve etiketi, HTML kullanarak sayfalar oluştururken bulunan ve farklı işlevleri gerçekleştiren iki yaygın etikettir. Bunlar genellikle ne zaman kullanılacağını anlamaya çalışan birçok yeni başlayanlar için kafa karıştırıcıdır. İlk önce ikisi arasındaki farkı anlayalım.

Etiket, satır içi bir öğe iken, blok düzeyinde bir öğedir. Her ikisi de, görüntüler, metinler ve diğerleri dahil olmak üzere bir web sayfasının farklı yönlerini kontrol etmeye çalışırken kullanılır.

Etiket bir satır sonu oluşturur ve varsayılan olarak, etiketin başladığı gibi gelen ve metin bitene kadar gelen metin arasında bir bölünme oluşturur. Bu metnin içine yerleştirilen diğer tüm öğeler, metin ve görüntüler için ayrı kutular veya özel kaplar oluşturur. Bu etiketler genellikle tek başına durur ve (paragraf) etiketleriyle kullanılmamalıdır.

Etiket, etikete benzer bir satır sonu oluşturmaz, ancak kullanıcının aynı satırdaki bir sayfadaki şeyleri etrafındaki diğer öğelerden ayırmasına izin verir. Satır sonu eksikliği, yalnızca seçili metnin değişmesine neden olur ve etrafındaki diğer tüm öğeleri aynı tutar. Bunlar genellikle metnin belirli bir bölümünü renklendirmek veya koyu yapmak gibi göze çarpmak için kullanılır. Bu etiketler genellikle içinde kullanılır. etiketleri.

Html'de div ve span Etiketi arasındaki karşılaştırma:

	div etiketi	span etiketi
Elemanın tipi	Blok seviyeli eleman	Satır içi eleman
başlar	Yeni bir sayfada	Yeni bir hattan başlamasına gerek yok
uzay	Mevcut genişliğin tamamını kaplar	Gerektiği kadar genişlik kaplar
Diğer örnekler	-
Olarak kullanıldı	Diğer HTML elemanları için bir kap	Bazı metinler için bir kapsayıcı
Öznitellikler	Gerekli nitelik yok, ancak stil ve sınıf ortak	Gerekli nitelik yok, ancak stil ve sınıf ortak
CSS ile kullanıldığında	İçerik bloklarını stillendirmek için kullanılabilir	Metnin bölümlerine stil vermek için kullanılabilir

Resim Nezaket: html-5-tutorial.com, safeschoolbexley.co.uk