Newsgroup: it.comp.www.html
Titolo: <div> e <span> qual è la differenza?

La differenza tra <div> e <p> è ok, ma tra <div> e <span>?
A me sembrano praticamente identici.

 A me sembrano praticamente identici.
<div> serve per contenere elementi "block level", mantre <span> per quelli
inline.
Block level vuol dire "a blocchi", come le tabelle, i paragrafi ecc...
elementi che vanno a blocchi appunto, su piu' righe.
Inline invece sono gli elementi interni ad una riga.
--
Laz  ~~  [Su news:it.news.votazioni e` in corso la votazione per
it.fan.tv
 buffy! Se ti interessa leggi attentamente il messaggio
"CFV: it.fan.tv.buffy" e vota! Se non vedi quel messaggio, o hai
domande, contattami!]  ~~  [ 
l...@libero.it
 ]

A me sembrano praticamente identici.
Assolutamente no.
Entrambi, e` vero, servono esclusivamente per strutturare il
documento, senza aggiungere alcuna presentazione agli elementi
racchiusi dai loro tag (per cui hanno senso solo se utilizzati in
associazione con i CSS), pero` mentre <span> si applica a elementi di
riga (inline elements), cioe` singole parole, paragrafi, liste etc...
<div> si applica invece a elementi *di blocco* (block-level elements,
non so come sia stato tradotto in italiano) e non puo` essere
applicato all'interno di un paragrafo.
<span> per fare un esempio pratico, puo` essere utilizzato per
visualizzare certi elementi di un testo (chesso`, delle formule o
delle citazioni) in una certa maniera, di colore rosso e in grassetto,
per dire, <div> invece puo` servire per creare delle cornici al cui
interno inserire il testo, al posto delle canoniche tabelle.
-- 
Ciao, Massimo | ICQ# 57669970 | Per scrivermi togli nospam
Ogni paese ha il governo che si merita - J. De Maistre.

 A me sembrano praticamente identici.
Hanno la stessa funzione, sono cioe' dei contenitori generici a cui 
applicare stili con i CSS (anche altre cose, tipo specificare la linga del 
contenuto con l'attributo lang, per esempio).
L'unica differenza e' che DIV e' un elemento di blocco, SPAN e' un elemento 
"in linea".... e quindi:
L'elemento DIV puo' contenere o essere contenuto all'interno di altri 
elementi di blocco come P, e puo' contenere elementi "in linea" come A, 
STRONG, EM, SPAN, Q, eccetera.
SPAN invece deve stare all'interno di un elemento di blocco, e puo' 
contenere solo elementi in linea.
http://www.w3.org/TR/html401/struct/global.html#edef-div
-- 
  lot3k (at) libero (dot) it

 A me sembrano praticamente identici.
    <DIV>  va a capo prima e dopo il suo contenuto, <SPAN> mette tutto sulla
stessa riga.
Non mi risultano altre differenze.
Ciao

 delle citazioni)
ci sarebbe <q> per le citazioni in-line...
(che pero' e' poco supportato)


 (che pero' e' poco supportato)
Ma in pratica visivamente cosa dovrebbe fare? Aggiungere le virgolette in
rapporto alla lingua usata, se non ricordo male... giusto? Opera, con
<blockquote> lo fa (e fa bene, cosi' manda a cagare tutti quelli che usano
<blockquote> per uno scopo che non e' il suo).
--
Laz  ~~  [Su news:it.news.votazioni e` in corso la votazione per
it.fan.tv
 buffy! Se ti interessa leggi attentamente il messaggio
"CFV2: it.fan.tv.buffy" e vota! Se non vedi quel messaggio o hai
domande, contattami!]  ~~  [ 
l...@libero.it
 ]

 che usano <blockquote> per uno scopo che non e' il suo).
Quel dispettoso di Opera. (non avevo mai notato questa cosa pero'... che 
versione?)


 versione?)
Il 5 sicurmente, non ricordo il 4.


ci sarebbe <q> per le citazioni in-line...
Fattelo venire in mente tu un altro esempio di testo *trattato* con
span, cosi` in un trepperdue :p


 span, cosi` in un trepperdue :p
adesso non mi viene in mente... :-)
per le formule, a voler essere proprio rogna, ci sarebbe MathML
(un ML per tutte le stagioni!)


 adesso non mi viene in mente... :-)
Io ho una classe "st" (da applicare con lo span) in un mio sito che serve
per rendere visualmente i dei titoli di storie che cito nelle frasi che
anziche' metterci le virgolette o farli semplicemente in corsivo cambia loro
colore e colore di sfondo.


(un ML per tutte le stagioni!)
Ah lo so, l'ho incontrato mentre spulciavo le specifiche di Amaya, ma
a quanto ne so il supporto dei browser dovrebbe essere assai limitato,
nevvero?


colore e colore di sfondo.
Non si capisce nulla di quello che hai scritto e ne sono contento,
cosi` impari a farti i fattacci tuoi :p


 cosi` impari a farti i fattacci tuoi :p
'gnurant! :-P
SPAN.st {
 color : Blue;
 font-style : italic;
 background : #FFFFCC;


'gnurant! :-P
Non e` colpa mia se non ho la stele di Rosetta sotto mano :p
