Contenuto
Il metodo di sottolineatura HTML legacy consiste nell'utilizzare i tag u> / u>, ma ora utilizza un moderno metodo basato su CSS. La sottolineatura è considerata un cattivo modo per attirare l'attenzione sul testo perché è facile confondere il testo sottolineato con un collegamento.
Passi
Metodo 1 di 2: Metodo moderno
1 Usa la proprietà "text-decoration" nei CSS. Attualmente, il tag u> non viene utilizzato per sottolineare il testo. - Aggiungendo questa proprietà, non dovrai modificare il codice in futuro quando i vecchi tag verranno ritirati.
2 Usa il tag span> per sottolineare una parte di testo specifica. Inserisci un tag di inizio insieme alla proprietà "text-decoration" davanti al testo che vuoi sottolineare. Alla fine del testo, inserisci il tag di chiusura / span>. span style = "testo-decorazione: sottolineato;"> Questo testo sarà sottolineato. / span>
3 Specifica gli elementi HTML nella sezione style> per rendere più facile la sottolineatura. Può anche essere fatto usando un foglio di stile CSS. Ad esempio, per sottolineare tutte le intestazioni di livello 3, aggiungi il seguente codice alla sezione "stile": html> testa> stile> h3 {decorazione del testo: sottolineatura; } / style> / head> body> h3> Questa intestazione sarà sottolineata / h3> / body> / html>
4 Crea una classe CSS per sottolineare rapidamente il testo. Puoi creare classi nel tuo foglio di stile o nella sezione style> per chiamarle in seguito. Alla classe può essere dato qualsiasi nome. html> head> style> .underline {testo-decorazione: sottolineato; } / style> / head> body> Usa questa classe per div> quick sottolineato / div> vari div> elementi / div> / body> / html>
5 Pensa ad altri modi per evidenziare il testo. Si consiglia di evitare la sottolineatura per evitare di confondere gli utenti. Meglio usare il tag em> per rendere il testo in corsivo. Usa CSS per aggiungere altre opzioni di stile a questo tag. html> head> style> em {color: red; } / style> / head> body> Qualsiasi cosa nell'elemento "em" sarà in corsivo (per impostazione predefinita) e anche colorata in rosso / em> grazie alle opzioni di stile aggiuntive. / corpo> / html>
Metodo 2 di 2: Metodo legacy
1 Evita di usare i vecchi tag u> / u>. Sono deprecati, il che significa che questi tag funzionano ancora, ma vengono scoraggiati o scoraggiati. Questo perché HTML non è pensato per personalizzare lo stile del contenuto. Il tag u> funziona ancora, ma deve rappresentare testo diverso da altri testi, come parole errate o nomi propri cinesi. 
2 Usa i tag u> / u> per sottolineare gli elementi (solo a scopo dimostrativo). Non c'è quasi un singolo caso in cui è necessario utilizzare questi tag. Potrebbe essere necessario modificare il vecchio sito, quindi è meglio essere consapevoli di quali sono i tag. html> body> Il vecchio tag HTML u> permetteva di sottolineare rapidamente gli elementi / u>, ma se si toccavano altri elementi di stile, le cose diventavano caotiche. Pertanto, oggigiorno usano l'elemento CSS "text-decoration" per la sottolineatura. / corpo> / html>
Consigli
- C'è quasi sempre un modo migliore per evidenziare il contenuto di una pagina web rispetto alla sottolineatura. La sottolineatura può confondere gli utenti. Pensa a come evidenziare il testo usando i CSS.
