Uno dei tag che imparerai presto nella tua educazione sul web design è una coppia di tag conosciuti come "tag dell'enfasi". Diamo un'occhiata a cosa sono questi tag e come vengono utilizzati oggi nel web design.
Torna a XHTML
Se hai imparato HTML anni fa, molto prima dell'ascesa di HTML5, probabilmente hai utilizzato sia i tag in grassetto che quelli in corsivo. Come ci si aspetterebbe, questi tag trasformavano gli elementi in grassetto o in corsivo rispettivamente. Il problema con questi tag e il motivo per cui sono stati messi da parte a favore di nuovi elementi (che esamineremo a breve), è che non sono elementi semantici. Questo perché definiscono come dovrebbe apparire il testo piuttosto che le informazioni sul testo. Ricorda, l'HTML (che è dove questi tag dovrebbero essere scritti) riguarda la struttura, non lo stile visivo! Le immagini sono gestite da CSS e le best practice del web design hanno da tempo affermato che dovresti avere una chiara separazione di stile e struttura nelle tue pagine web. Ciò significa non utilizzare elementi non semantici e quali dettagli piuttosto che struttura. Questo è il motivo per cui i tag in grassetto e in corsivo sono stati generalmente sostituiti da strong (per grassetto) e enfasi (per corsivo).
e
Gli elementi di forte ed enfasi aggiungono informazioni al tuo testo, descrivendo in dettaglio il contenuto che dovrebbe essere trattato in modo diverso ed enfatizzato quando viene detto quel contenuto. Utilizzi questi elementi più o meno nello stesso modo in cui avresti usato grassetto e corsivo in passato. Basta circondare il testo con i tag di apertura e chiusura ( e per enfasi e e per forte enfasi) e il testo allegato sarà sottolineato.
È possibile nidificare questi tag e non importa quale sia il tag esterno. Ecco alcuni esempi.
Questo testo è enfatizzato e la maggior parte dei browser lo mostrerebbe in corsivo.
Questo testo è fortemente enfatizzato e molti browser lo mostrerebbero come grassetto.
In entrambi questi esempi, non stiamo dettando l'aspetto visivo con l'HTML. Sì, l'aspetto predefinito di il tag sarebbe in corsivo e il sarebbe audace, ma quei look potrebbero essere facilmente modificati in CSS. Questo è il meglio di entrambi i mondi. Puoi sfruttare gli stili di browser predefiniti per ottenere testo in corsivo o in grassetto nel documento senza attraversare effettivamente la linea e mixare struttura e stile. Dì che lo volevi il testo non solo deve essere in grassetto, ma anche essere rosso, puoi aggiungerlo al CSS forte { colore rosso;} In questo esempio, non è necessario aggiungere una proprietà per il carattere grassetto poiché è l'impostazione predefinita. Se non vuoi lasciarlo per caso, puoi sempre aggiungerlo: forte { font-weight: bold; colore rosso;} Ora saresti quasi garantito avere una pagina con testo in grassetto (e rosso) ovunque il tag è usato Una cosa che ho notato durante l'anno è che cosa succede se provi a raddoppiare sull'enfasi. Per esempio: Si potrebbe pensare che questa riga generi un'area con testo in grassetto AND italics. A volte questo accade davvero, ma ho visto alcuni browser onorare solo il secondo dei due stili di enfasi, quello più vicino al testo reale in questione, e lo mostro solo in corsivo. Questo è uno dei motivi per cui non raddoppio sui tag dell'enfasi. Un altro motivo per evitare questo "raddoppio" è per fini stilistici. Una forma di enfasi se di solito basta per trasmettere il tono che si desidera impostare. Non è necessario grassetto, corsivo, colore, ingrandimento e sottolineatura del testo per far risaltare. Quel testo, tutti quei diversi tipi di enfasi, diventerebbe vistoso. Quindi, fai attenzione quando usi tag di enfasi o stili CSS per dare enfasi e non esagerare. Un pensiero finale - mentre il grassetto () e in corsivo (I tag non sono più raccomandati per essere usati come elementi di enfasi, ci sono alcuni web designer che usano questi tag per definire aree di testo inline. Fondamentalmente, lo usano come a elemento. Questo è bello perché i tag sono molto brevi, ma l'utilizzo di questi elementi in questo modo non è generalmente raccomandato. Ne parlo nel caso in cui lo vedeste là fuori su alcuni siti utilizzati per non creare testo in grassetto o in corsivo, ma per creare un hook CSS per qualche altro tipo di stile visivo. Articolo originale di Jennifer Krynin. Modificato da Jeremy Girard il 12/2/16. Raddoppia sull'enfasi
Questo testo dovrebbe avere entrambi in grassetto e in corsivo testo al suo interno.
Una nota su grassetto e corsivo
