January 17
Div e span elementi spesso confondono le persone nuove in HTML e CSS, perché non sono elementi semanticamente significative come intestazioni, elenchi e paragrafi. In questo articolo spiegherò cosa div e span deve essere utilizzato per.
1 Anche se div e span sono elementi HTML, può rendere più senso per voi se si pensa di loro come contenitori - o come contenitori con ganci. Con ganci intendo attributi classe o un ID che collegano i contenitori generici div e span a una regola CSS.
2 Un div è un contenitore che è destinata a contenere una divisione pagina. Quella divisione pagina potrebbe essere una barra laterale, di un menu, un colpo di testa, una zona di contenuti, un widget, un grabber attenzione o un piè di pagina. Con una classe o un ID appropriato agganciato a CSS, un div crea una zona strutturale definita e stile sulla pagina.
3 Il div ti dà un modo per i contenuti del gruppo e lo stile di conseguenza. Un div è un elemento di blocco e viene generalmente utilizzato per raggruppare sezioni significative della pagina in blocchi collegati che può essere designato e posizionati come necessario. La maggior parte dei layout CSS dipendono l'utilizzo di div per creare sezioni della pagina che può essere designato per creare barre laterali, intestazioni e aree di contenuto. Un div può contenere elementi a livello di blocco, come intestazioni, paragrafi ed elenchi. E può contenere elementi in linea quali immagini e campate.
4 Un arco è un contenitore generico anche. È un elemento linea - significa che è usato in una riga di testo. Con una classe o ID, un arco può essere uno stile per creare un aspetto appropriato per qualsiasi elemento in linea racchiuso nel giro. Un arco può racchiudere una frase o una frase che ha bisogno di styling. Ad esempio, un arco potrebbe racchiudere un paio di parole che si desidera richiamare l'attenzione - o un paio di parole che potrebbero formare un messaggio di errore quando un campo di modulo richiesto viene lasciato vuoto.