HTML
Formattazione del testo

introduzione

Sintassi

• <abbr>Abbreviation</abbr>
• <b>Bold Text</b>
• <del>Deleted Text</del>
• <em>Emphasized Text</em>
• <i>Italic Text</i>
• <ins>Inserted Text</ins>
• <mark>Marked (or Highlighted) Text</mark>
• <s>Stricken Text</s>
• <strong>Strong Text</strong>
• <sub>Subscript Text</sub>
• <sup>Superscript Text</sup>
• <u>Underlined Text</u>

Grassetto, Corsivo e Sottolineato

Testo grassetto

In grassetto, utilizza i <strong> o <b> :

<strong>Bold Text Here</strong>

o

<b>Bold Text Here</b>

Qual è la differenza? Semantica. <strong> viene utilizzato per indicare che il testo è fondamentalmente o semanticamente importante per il testo circostante, mentre <b> non indica tale importanza e rappresenta semplicemente il testo che deve essere evidenziato in grassetto.

Se dovessi usare <b> un programma di sintesi vocale non direi la parola (e) in modo diverso rispetto a qualsiasi altra parola intorno ad esso - stai semplicemente attirando l'attenzione su di loro senza aggiungere alcuna importanza aggiuntiva. Usando <strong> , però, lo stesso programma vorrebbe pronunciare quelle parole con un diverso tono di voce per comunicare che il testo è importante in qualche modo.

Testo in corsivo

Per scrivere in corsivo il testo, usa i <em> o <i> :

<em>Italicized Text Here</em>

o

<i>Italicized Text Here</i>

Qual è la differenza? Semantica. <em> è usato per indicare che il testo dovrebbe avere un'enfasi aggiuntiva che dovrebbe essere sottolineata, mentre <i> rappresenta semplicemente un testo che dovrebbe essere separato dal normale testo che lo circonda.

Ad esempio, se si desidera sottolineare l'azione all'interno di una frase, è possibile farlo sottolineando in corsivo tramite <em> : "Dovresti solo inviare la modifica già?"

Ma se stavi identificando un libro o un giornale che in genere dovresti scrivere in corsivo stilisticamente, useresti semplicemente <i> : "Sono stato costretto a leggere Romeo e Giulietta al liceo.

Testo sottolineato

Mentre l'elemento <u> stesso era deprecato in HTMl 4, è stato reintrodotto con un significato semantico alternativo in HTML 5 - per rappresentare un'annotazione non testuale, non testuale. È possibile utilizzare un rendering di questo tipo per indicare il testo scritto erroneamente sulla pagina o per un marchio di nome proprio cinese.

<p>This paragraph contains some <u>mispelled</u> text.</p>

evidenziando

L'elemento <mark> è nuovo in HTML5 e viene utilizzato per contrassegnare o evidenziare il testo in un documento "a causa della sua rilevanza in un altro contesto". ¹

L'esempio più comune sarebbe nei risultati di una ricerca in cui l'utente ha inserito una query di ricerca e i risultati sono mostrati evidenziando la query desiderata.

<p>Here is some content from an article that contains the <mark>searched query</mark>
that we are looking for. Highlighting the text will make it easier for the user to 
find what they are looking for.</p>

Produzione:

Una formattazione standard comune è un testo nero su sfondo giallo, ma può essere modificato con CSS.

Inserito, eliminato o colpito

Per contrassegnare il testo come inserito, utilizza il tag <ins> :

<ins>New Text</ins>

Per contrassegnare il testo come eliminato, utilizza il tag <del> :

<del>Deleted Text</del>

Per colpire il testo, usa il tag <s> :

<s>Struck-through text here</s>

Apice e pedice

Per spostare il testo verso l'alto o verso il basso, puoi utilizzare i tag <sup> e <sub> .

Per creare un apice:

<sup>superscript here</sup>

Per creare pedice:

<sub>subscript here</sub>

Abbreviazione

Per contrassegnare alcune espressioni come abbreviazioni, usa il tag <abbr> :

<p>I like to write <abbr title="Hypertext Markup Language">HTML</abbr>!</p>

Se presente, l'attributo title viene utilizzato per presentare la descrizione completa di tale abbreviazione.