Kapan menggunakan <span> sebagai gantinya <p>?

Seperti yang ditunjukkan oleh pertanyaan, jika saya memiliki beberapa teks yang ingin saya tambahkan ke HTML, lalu kapan saya harus menggunakan <p>dan kapan saya harus menggunakannya <span>?

Anda harus ingat, bahwa HTML dimaksudkan untuk MENJELASKAN konten yang dikandungnya.

Jadi, jika Anda ingin menyampaikan sebuah paragraf, lakukan saja.

Namun, perbandingan Anda tidak sepenuhnya tepat. Perbandingan yang lebih langsung

Kapan menggunakan a, <div>bukan <p>?

karena keduanya adalah elemen level blok.

A <span>adalah sebaris, seperti jangkar ( <a>),, <strong>penekanan ( <em>), dll., Jadi ingatlah bahwa secara default sifatnya di kedua html dan dalam penulisan alami, bahwa paragraf akan menyebabkan jeda sebelum dan sesudahnya, seperti a <div>.

Kadang-kadang, ketika menata sesuatu - hal-hal sebaris - a <span>bagus untuk memberi Anda sesuatu untuk "mengait" css, tetapi sebaliknya itu adalah tag kosong tanpa makna semantik atau gaya.

Secara semantik, Anda menggunakan <p>tag untuk menunjukkan paragraf. <span>digunakan untuk menerapkan gaya dan / atau kelas CSS ke bagian sembarang teks dan elemen sebaris.

The <p>tag adalah paragraph, dan dengan demikian, itu adalah blok elemen (seperti, misalnya, h1dan div), sedangkan spanmerupakan elemen inline (seperti, misalnya, bdan a)

Elemen blok secara default membuat beberapa spasi di atas dan di bawahnya sendiri, dan tidak ada yang bisa disejajarkan di sebelahnya, kecuali Anda menyetel floatatribut ke elemen tersebut .

Elemen sebaris menangani bentang teks di dalam paragraf. Mereka biasanya tidak memiliki margin, dan karena itu, Anda tidak dapat, misalnya, mengaturnya width.

Span sepenuhnya non-semantik. Itu tidak memiliki arti, dan hanya berfungsi sebagai elemen untuk efek kosmetik.

Paragraf memiliki makna semantik - paragraf memberi tahu mesin (seperti browser atau pembaca layar) bahwa konten yang dirangkumnya adalah sekumpulan teks, dan memiliki arti yang sama dengan paragraf teks dalam sebuah buku.

Berbicara secara semantik, ap adalah tag paragraf dan harus digunakan untuk memformat paragraf teks. Span adalah perubahan pemformatan sebaris yang tidak ditangani secara semantik.

Span adalah elemen pemformatan sebaris yang TIDAK memiliki umpan baris di atas atau di bawah.

A p adalah elemen blok yang MEMILIKI feed baris tersirat di atas dan di bawah.

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

Penjelasan praktis: Secara default, <p> </p>akan menambahkan jeda baris sebelum dan sesudah teks tertutup (sehingga membuat paragraf). <span>tidak melakukan ini, itulah mengapa disebut inline .

Tag p menunjukkan elemen paragraf. Ini memiliki margin / padding yang diterapkan padanya. Span adalah tag sebaris tanpa gaya. Perbedaan penting adalah bahwa p adalah elemen balok ketika bentang sejajar, yang berarti <p>Hi</p><p>There</p>akan muncul pada garis yang berbeda ketika <span>Hi</span><span>There</span>berputar berdampingan.

Saat kita menggunakan teks biasa pada saat itu kita menginginkan <p>tag. Ketika kita menggunakan teks biasa dengan beberapa efek pada saat itu kita menginginkan <span>tag

<span> adalah tag sebaris, <p> adalah tag blok, digunakan untuk paragraf. Browser akan merender baris kosong di bawah paragraf, sedangkan <span> akan merender di baris yang sama.

tag adalah elemen level blok tetapi tag adalah elemen inline. Biasanya kita menggunakan tag span untuk mengatur gaya di dalam elemen blok. tetapi Anda tidak perlu menggunakan tag span untuk gaya inline. Yang harus Anda lakukan adalah; konversikan elemen blok menjadi elemen sebaris menggunakan "display: inline"

p {
    float: left;
    margin: 0;
}

Tidak ada spasi di sekitar, ini terlihat mirip dengan span.