Titoli, paragrafi e testo
L’html è nato per realizzare contenuti ipertestuali, è normale quindi che la maggior parte dei tag gestiscono l’organizzazione dei testi.
I paragrafi <p>
Elemento contenitore che al suo interno prevede l’inserimento di testo e altri tag, al termine del paragrafo il browser va a capo.
Andare a capo <br>
Serve per andare mandare a capo il testo dopo il tag.
I titoli h1, h2, h3, etc
Servono a definire il titolo della pagina o del paragrafo, esiste una gerarchia quindi h1 sarà il titolo principale fino ad arrivare all’ultima sottosezione h6.
Esistono diversi modi per evidenziare un testo in grassetto o in corsivo, gestito in modo diverso.
- strong, attribuisce al testo una forte importanza ed è utilizzato per le strategie SEO;
- b, evidenzia il testo rispetto al resto del contenuto;
- em, dare enfasi ad un testo o ad una frase;
- i, serve a rappresentare testo che si discosta dal resto del contenuto;
Esaminiamo i tag più utilizzati per lavorare con i testi:
- blockquote, ospita contenuti citati da altre fonti;
- cite, serve per citare qualcosa o qualcuno;
- q, citare una frase senza dedicare un blocco separato;
- abbr, usato quando usiamo una versione breve di una parola;
- dfn, definizione di una parola tecnica;
- sup e sub, carattere rimpicciolito posto in alto o in basso;
- pre, testo preformattato che segue la stessa formattazione che impostiamo nell’editor;
- code, per inserire codice sorgente come testo;
- kbd, testo inserito dagli utenti;
- samp, output di un programma o riga di comando;
- del, contenuto da cancellare dal documento – deprecato;
- ins, definire gli aggiornamenti al documento;
- mark, testo evidenziato di colore giallino;
- time, specifica in modo formale data e orario di un elemento;
- small, testo di minore importanza rispetto al documento;
I commenti permettono d’inserire annotazioni che non incidono sul rendering della pagina. Il commento è racchiuso tra <!– e –> in una linea o più linee. Possiamo ad esempio utilizzare il commento per evidenziare la fine di un blocco.