anahtar Fark - div vs karış
 

HTML, web sayfaları geliştirmek için yaygın olarak kullanılan bir dildir. Hiper Metin İşaretleme Dili anlamına gelir. Hyper terimi, internetteki diğer web kaynaklarına bağlantı anlamına gelir. İşaretleme terimi, resimler ve diğer multimedya kaynaklarıyla biçimlendirilmiş metin oluşturma yeteneğini ifade eder. Köprüler, HTML'deki tüm web kaynaklarını birbirine bağlayan ana bileşenlerdir. HTML'nin birkaç sürümü vardır. Bunlar HTML 2.0, 3.2, 4.01 ve HTML5'tir. Temel olarak, HTML etiketleri olan bir metin belgesidir. Web tarayıcısına, web sayfasını görüntülemek için yapılandırmanın yolunu söyler. Div ve span HTML'de iki etikettir. Her HTML öğesinin, öğenin türüne bağlı olarak varsayılan bir görüntüleme değeri vardır. Yani, bir blok veya satır içi elemanlar olabilirler. Bu makalede div ve span arasındaki fark tartışılmaktadır. temel fark div ve span arasında div bir satır seviyesi elemanı iken span bir satır içi eleman.

İÇİNDEKİLER

1. Genel Bakış ve Temel Fark
2. div nedir
3. Açıklık nedir
4. div ve span arasındaki benzerlikler
5. Yan Yana Karşılaştırma - div vs span Tabular Form
6. Özet

Div nedir?

Tüm html belgeleri bir belge türü bildirimi ile başlar. Bugün HTML'nin en yaygın sürümü HTML5'tir. Bu nedenle, tür bildirimi. Tüm html etiketleri ve etiketlerinin içine dahil edilmelidir. Web sayfasının gerekli ayrıntıları etiketin içindedir. Görünür web sayfası etiketin içine yazılır. Her amaç için etiketler vardır.

etiketi paragraflara kullanılır.

,

vb. başlıklar için kullanılır. Başlangıç ​​ve bitiş etiketinin içindeki içerik öğe olarak bilinir. Örneğin.

Bu bir paragraf

.

Şekil 01: HTML5

Her HTML öğesinin, öğenin türüne bağlı olarak varsayılan bir görüntüleme değeri vardır. Varsayılan görüntüleme değerleri blok veya satır içi olabilir. Blok düzeyi öğeleri her zaman yeni bir satırla başlar. Bu elemanlar mevcut tüm genişliği alır. Blok seviyesi elemanlarına bazı örnekler

, ,

---

ve .

Div etiketi ayrıca HTML'deki bir blok düzeyi öğesidir. Sözdizimi aşağıdaki gibidir.

Selam Dünya!

Div öğeleri diğer öğelere bir kaptır. Bu nedenle, div elemanına bir grup eleman paketlenebilir. Basamaklı Stil Sayfası (CSS) ile birlikte kullanıldığında, div etiketi bir içerik bloğuna stil uygulamak için kullanılabilir. Aşağıdaki kod parçasına bakın.

Div etiketinin içinde iki paragraf vardır. Div etiketinin içindeki tüm içeriğin arka plan rengi siyah ve yazı tipi rengi beyazdır.

Açıklık nedir?

Blok düzeyi öğelerin aksine, satır içi öğeler yeni bir satırda başlamaz. Sadece gerekli genişliği alır. Satır içi öğelere bazı örnekler , ,
ve .

Span etiketi aynı zamanda HTML'deki bir satır içi öğedir. Sözdizimi aşağıdaki gibidir.

Selam Dünya!

Şekil 02: div ve span etiketi

Span etiketi, bazı metinler için kapsayıcı olarak kullanılır. Bu etiket CSS ile de kullanılabilir. Bu nedenle, metnin bir kısmı biçimlendirilebilir. Aşağıdaki örneğe bakın. 'Paragraf1' yayılma etiketi içinde. Renk CSS stili özelliği kullanılarak eklenir.

Bu paragraf1

Div ve span arasındaki benzerlikler nelerdir?

• Hem div hem de span, HTML'de etiketleri gruplandırıyor.
• Div ve span hem başlangıç ​​etiketini hem de bitiş etiketini içerir.
• Div ve span stil özniteliğine sahip olabilir.

Div ve span arasındaki fark nedir?

div vs span
Div, HTML belgesindeki bir bölümü veya bölümü tanımlayan bir HTML etiketidir.	Span, HTML belgesindeki satır içi öğeleri gruplandırmak için kullanılan bir HTML etiketidir.
kullanım
Div etiketi diğer öğeler için kapsayıcı olarak kullanılır.	Span etiketi, bazı metinler için kapsayıcı olarak kullanılır.
Yeni hat
Div etiketi yeni bir satırla başlar.	Span etiketi yeni bir satırla başlamıyor.
Gerekli Genişlik
Div etiketi tüm genişliği alacaktır.	Span etiketi yalnızca gerekli genişliği alacaktır.
Sözdizimi

özet - div vs karış 

HTML, Köprü Metni Biçimlendirme Dili anlamına gelir. Web siteleri geliştirmek için kullanılır. Bu dil etiketlerden oluşur. HTML'deki div ve span gruplama etiketleri. Belgedeki bir bölümü tanımlamak için kullanılırlar. Bu makalede div ve span etiketleri arasındaki fark açıklanmıştır. Div ve span arasındaki fark, div'in bir blok düzeyi elemanı iken span bir satır içi eleman olmasıdır.

Div vs span PDF'sini indirin

Bu makalenin PDF sürümünü indirebilir ve alıntı notuna göre çevrimdışı amaçlar için kullanabilirsiniz. Lütfen PDF sürümünü buradan indirin: div ve span arasındaki fark 

Referans:

1.tutorialspoint.com. “HTML Blokları.” Nokta, Burada bulunabilir  
2.HTML Blok ve Satır İçi Öğeler. Burada mevcut 

Görünüm inceliği:

1.'HTML5 logosu ve kelime işareti 'Commons Wikimedia üzerinden W3C ile (CC BY 3.0)