Un tag span, scritto come tag, è un contenitore inline generico per contenuti ed elementi inline. Viene utilizzato per raggruppare e applicare stili in assenza di un altro elemento semantico. Non c'è alcun significato in questo tag poiché viene utilizzato principalmente per scopi di stile attraverso una classe o un ID. Il tag span viene spesso paragonato al
tag, ma il secondo è un tag a livello di blocco mentre il primo è un tag inline.
Il tag span può essere utilizzato per modificare il carattere di frasi o parole separate, evidenziare una parte di un testo utilizzando i colori, definire un colore di sfondo o un'immagine di sfondo e applicare script a parti specifiche di un testo. È supportato da vari browser, inclusi Google Chrome, Internet Explorer, Mozilla Firefox, Safari e Opera. Il tag span supporta attributi sia globali che di eventi in HTML.
Come modellare i tag
Utilizza i seguenti stili di layout del testo:
- La proprietà di overflow del testo CSS (Cascading Style Sheets) indica il modo in cui un utente viene segnalato in caso di contenuto in overflow che non viene visualizzato
- La proprietà CSS text-indent specifica come far rientrare la prima riga in una casella di testo
- La proprietà word break CSS identifica i punti in cui le linee sono interrotte
- La proprietà dello spazio bianco CSS specifica come gestire lo spazio bianco all'interno di un elemento
Come colorare il testo nel tag:
- La proprietà CSS color indica il colore del contenuto del testo e altre decorazioni del testo
- La proprietà CSS background-color specifica il colore di sfondo di un elemento
Proprietà che alterano la dimensione, l'enfasi e il peso visivo di un testo nel tag:
- La proprietà CSS font-style identifica lo stile del font se è normale, corsivo, iniziale, obliquo o grassetto
- La proprietà CSS font-family imposta un elenco prioritario di nomi di famiglie di font per un elemento selezionato
- La proprietà CSS font-weight specifica se un font è in grassetto o spesso
- La proprietà di trasformazione del testo CSS imposta le maiuscole e le minuscole del testo in un elemento
- La proprietà CSS font-size imposta la dimensione del carattere
- La proprietà CSS text-decoration identifica la decorazione aggiunta a un testo