• Moderatore

    Perché è necessario aggiungere una classe di 'intestazione' a un elemento di intestazione in html?

    @e1rik2 no, significa semplicemente che all'interno del <body>, dove in pratica hai tutto il contenuto della pagina (nell' <head> hai "altre cose", come i vari meta tag, eventuali riferimenti a file esterni, ecc), hai vari heading tags (titoli e sottotitoli dei vari paragrafi quindi h1, h2, ecc).
    Aggiungere un elemento di intestazione significa quindi mettere un titolo.

    <h1>titolo</h1>
    

    Aggiungere una classe può avere senso per un semplice motivo: se nella pagina hai solo un titolo principale, <h1>, te ne freghi di questo e puoi aggiungere codice CSS inline, ad esempio:

    <h1 style="color:#00F">titolo</h1>
    

    Se invece vogliamo vedere i vari h2, diversi sottotitoli (il titolo di ogni paragrafo), potresti voler applicare la stessa regola CSS e quindi:

    • se è uguale per tutti gli elementi, non ti serve una classe
    • se invece varia (ad esempio h2,h3 di un dato argomento li vuoi di un colore, mentre di un altro argomento li vuoi di un altro colore) allora ha più senso definire una classe, ovviamente se hai più elementi non è il caso di scrivere in ognuno codice CSS inline

    Quindi nel primo caso hai ad esempio:

    h2{
    color: #00F;
    }
    

    Nel secondo caso supponiamo di voler due stili differenti, alcuni h2 con colore blu, altri con colore rosso (in base all'argomento, vuoi avere colori diversi per questi titoli dei paragrafi), quindi il codice CSS diventa:

    .nome1{
    color:;
    }
    
    .nome2{
    color: #F00;
    }
    

    Come heading tag in questo caso richiami la classe (per vederne applicate le proprietà), quindi:

    <h2 class="nome1">titolo paragrafo blu</h2>
    <h2 class="nome2">titolo paragrafo rosso</h2>