<p> yerine <span> ne zaman kullanılır?

Sorudan da anlaşılacağı gibi, HTML'ye eklemek istediğim bir metin varsa, ne zaman kullanmalıyım <p>ve ne zaman kullanmalıyım <span>?

HTML'nin içerdiği içeriği AÇIKLAMAYA yönelik olduğunu unutmamalısınız.

Öyleyse, bir paragraf iletmek istiyorsanız, bunu yapın.

Yine de karşılaştırmanız tam olarak doğru değil. Daha doğrudan karşılaştırma

A <div>yerine a <p>ne zaman kullanılır ?

her ikisi de blok düzeyinde öğeler olduğundan.

A <span>, bir çapa ( <a>), <strong>vurgu ( <em>), vb. Gibi satır içindedir, bu nedenle, hem html hem de doğal yazıdaki varsayılan doğası gereği, bir paragrafın kendisinden önce ve sonra bir kesintiye neden olacağını unutmayın. <div>.

Bazen, bir şeyleri şekillendirirken - satır içi şeyler - a <span>, size css'i "bağlayacak" bir şey vermek harikadır, ancak bunun dışında anlamsal veya biçimsel anlam içermeyen boş bir etikettir.

Anlamsal olarak, <p>paragrafları belirtmek için etiketleri kullanırsınız. <span>metin ve satır içi öğelerin rastgele bir bölümüne CSS stilini ve / veya sınıflarını uygulamak için kullanılır.

<p>Etiket a, paragraph, ve bu şekilde, bu bir blok (örneğin, bir, şekilde eleman h1ve div), oysa spanbir satır içi elemanıdır (örneğin, olarak, bve a)

Engelleme öğeleri, varsayılan olarak üstlerinde ve altlarında bir boşluk oluşturur ve siz floatonlara bir öznitelik ayarlamadığınız sürece yanlarında hiçbir şey hizalanamaz .

Satır içi öğeler, bir paragraf içindeki metin aralıklarıyla ilgilenir. Tipik olarak kenar boşlukları yoktur ve bu nedenle, örneğin, widthona bir ayarlayamazsınız .

Span tamamen anlamsal değildir. Hiçbir anlamı yoktur ve yalnızca kozmetik etkiler için bir unsur olarak hizmet eder.

Paragrafların anlamsal anlamı vardır - bir makineye (tarayıcı veya ekran okuyucu gibi) içine aldıkları içeriğin bir metin bloğu olduğunu ve kitaptaki bir metin paragrafıyla aynı anlama sahip olduğunu söylerler.

Anlamsal olarak, ap bir paragraf etiketidir ve bir metin paragrafını biçimlendirmek için kullanılmalıdır. Bir aralık, anlamsal olarak işlenmeyen bir satır içi biçimlendirme değişikliğidir.

Bir aralık, üstünde veya altında satır beslemesi OLMAYAN bir satır içi biçimlendirme öğesidir.

Bir p, yukarıda ve aşağıda zımni bir hat beslemesine sahip olan bir blok elemandır.

http://w3schools.com/tags/default.asp

Pratik bir açıklama: Varsayılan olarak, <p> </p>ekteki metnin önüne ve arkasına satır sonları ekler (böylece bir paragraf oluşturur). <span>bunu yapmaz, bu yüzden buna satır içi denir .

P etiketi bir paragraf öğesini belirtir. Kenar boşlukları / dolgu uygulanmış. Bir aralık, stilize edilmemiş bir satır içi etikettir. Önemli bir fark, p'nin aralık satır içi olduğunda bir blok eleman olmasıdır, yani yan <p>Hi</p><p>There</p>yana <span>Hi</span><span>There</span>sarıldığında farklı satırlarda görünecektir .

O sırada normal metin <p>kullandığımızda <span>etiket istiyoruz. O sırada bazı efektlerle normal metin kullandığımızda etiket istiyoruz

<span> bir satır içi etikettir, <p> paragraflar için kullanılan bir blok etikettir. Tarayıcılar bir paragrafın altında boş bir satır oluştururken <span> s aynı satırda görüntülenir.

etiketi blok düzeyinde bir öğedir ancak etiket satır içi öğedir. Normalde blok öğelerinin içinde stil oluşturmak için span etiketini kullanırız. ancak satır içi stil için span etiketi kullanmanız gerekmez. yapmanız gereken; "display: inline" kullanarak blok öğesini satır içi öğeye dönüştürün

p {
    float: left;
    margin: 0;
}

Etrafta boşluk olmayacak, açıklığa benziyor.