Che cosa è Span in HTML?

April 7

Che cosa è Span in HTML?


L'Hypertext Markup Language (HTML) <span> elemento è diverso da <div> tag nel senso che non ha alcun effetto sulla struttura o si rompe del documento HTML. Invece, il tag <span> viene utilizzato esclusivamente per la formattazione e gli effetti per quanto riguarda il testo visualizzato dal documento.

HTML <span> Element

L'HTML <span> elemento viene utilizzato per la formattazione di testo in linea. Ciò significa che gli elementi modificati dall'elemento <span> sono circondati da altro testo e non costituiscono voce propria blocco nell'ambito del documento HTML (un <div> elemento, invece, rompe la struttura del documento per la flessibilità di posizionamento ). Come ogni tag HTML, l'elemento <span> deve essere chiuso dopo la sua destinazione d'uso con un </ span> tag di chiusura. È necessario specificare i parametri di formattazione all'interno del tag <span>. Altrimenti, non ha alcun effetto sul testo racchiuso.

Styling un tag <span>

Cascading Style Sheets (CSS) formattazione è ampiamente usato in congiunzione con i tag <span>. I parametri esatti di formattazione possono essere dichiarate come una classe o un ID nel documento HTML o in un foglio di stile separato. Una volta che la classe CSS o ID è stato specificato, può essere chiamato nel tag <span>. Ad esempio, <span class = ""> bigletters sarebbe applicare la formattazione per la categoria "bigletters" al testo che è stato racchiuso dal tag di apertura e chiusura. In alternativa, è possibile lo stile singole istanze di <span> senza l'uso di classi o ID. Ad esempio, <span style = "color: # FF00FF"> sarebbe colorare il testo racchiuso in magenta.

Altro formattazione con <span>

L'elemento <span> supporta altri attributi di formattazione pure. Ad esempio, è possibile utilizzare <span> per cambiare la direzione del testo che è racchiusa, utilizzando il "dir" attributo: <span dir = "rtl"> rende il testo incluso in un ordine da destra a sinistra. Inoltre, è possibile utilizzare l'attributo title per aggiungere informazioni di testo che verrà visualizzato quando il cursore si trova su di esso. Ad esempio, <title span class = "questo è un testo speciale"> visualizza il testo del titolo quando il cursore passa sopra il testo racchiuso.

Gli script in <span>

L'elemento <span> supporta anche l'esecuzione di JavaScript quando vengono eseguite alcune azioni del mouse o della tastiera. Lo script può essere definito nel tag <span>, altrove nel documento HTML, o in un file di script esterno. Ad esempio, <span onclick = "return BLANGS ()"> correrebbe il BLANGS funzione chiamata quando il testo con spanning è stato cliccato.