Div ve span arasındaki fark

İçindekiler:

Div ve span arasındaki fark
Div ve span arasındaki fark

Video: Div ve span arasındaki fark

Video: Div ve span arasındaki fark
Video: #17 Div ve Span Farkları [HTML, CSS, Flexbox , Bootstrap Eğitim Serisi ] 2024, Temmuz
Anonim

Anahtar Farkı – div vs yayılma

HTML, web sayfaları geliştirmek için yaygın olarak kullanılan bir dildir. Hiper Metin İşaretleme Dili anlamına gelir. Hiper 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, tüm web kaynaklarının birbirine bağlanmasını sağlayan HTML'deki 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'deki iki etikettir. Her HTML öğesinin, öğenin türüne bağlı olarak varsayılan bir görüntüleme değeri vardır. Bu nedenle, bir blok veya satır içi öğeler olabilirler. Bu makalede div ve span arasındaki fark tartışılmaktadır. div ve span arasındaki temel fark, span'ın satır içi bir öğe iken div'in blok düzeyinde bir öğe olmasıdır.

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 detayları etiketin içinde yer almaktadır. Görünen web sayfası etiketin içine yazılır. Her amaç için etiketler vardır.

tag paragraflar için kullanılır.

,

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

Bu bir paragraf

div ve span Arasındaki Fark
div ve span Arasındaki Fark

Ş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üzeyindeki öğeler her zaman yeni bir satırla başlar. Bu elemanlar mevcut tüm genişliği alır. Blok düzeyindeki öğelere bazı örnekler:,, ve

div etiketi aynı zamanda HTML'de blok düzeyinde bir öğedir. Sözdizimi aşağıdaki gibidir.

Merhaba Dünya!

div öğeleri, diğer öğeler için bir kapsayıcıdır. Bu nedenle, bir dizi öğe div öğesine paketlenebilir. Basamaklı Stil Sayfası (CSS) ile birlikte kullanıldığında, bir içerik bloğuna stil vermek için div etiketi kullanılabilir. Aşağıdaki kod parçasına bakın.

div ve span_Şekil 03 Arasındaki Fark
div ve span_Şekil 03 Arasındaki Fark

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üzeyindeki öğelerin aksine, satır içi öğeler yeni bir satırda başlamaz. Sadece gerekli genişliği alır. Satır içi öğelerin bazı örnekleri,, ve

div ve span Arasındaki Temel Fark
div ve span Arasındaki Temel Fark

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

Merhaba 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 etiketinin içindedir. Renk, CSS stil özelliği kullanılarak eklenir.

Bu paragraf1

div ve span arasındaki benzerlikler nelerdir?

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

div ve span arasındaki fark nedir?

div vs yayılma

div, bir HTML belgesindeki bir bölümü veya bölümü tanımlayan bir HTML etiketidir. Span, bir HTML belgesindeki satır içi öğeleri gruplamak için kullanılan bir HTML etiketidir.
Kullanım
div etiketi diğer öğeler için bir 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 yayılma

HTML, Hiper Metin İşaretleme 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. Bir belgedeki bir bölümü tanımlamak için kullanılırlar. Bu makale, div ve span etiketleri arasındaki farkı açıkladı. div ve span arasındaki fark, div'in blok düzeyinde bir öğe olması ve span'ın satır içi bir öğe olmasıdır.

div vs span'ın PDF'sini indirin

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: div ve span Arasındaki Fark

Önerilen: