• User Newbie

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

    Per il contesto, sto attualmente seguendo il corso New Responsive Web Design di freecodecamp. In questo esercizio mi fa impostare una pagina web usando html e mi chiede di aggiungere un elemento di intestazione all'interno del corpo e di assegnargli una classe di 'intestazione'. Questo sembra ridondante. Qualcuno può spiegare perché questo è necessario e, se possibile, spiegare qual è lo scopo dell'utilizzo dell'elemento header invece di utilizzare solo un elemento div standard. Grazie!


    giulio.marchesi E 2 Risposte
  • User Attivo

    @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>
    

  • User Newbie

    @e1rik2 ha detto in Perché è necessario aggiungere una classe di 'intestazione' a un elemento di intestazione in html?:

    Per il contesto, sto attualmente seguendo il corso New Responsive Web Design di freecodecamp https://19216801.onl/ . In questo esercizio mi fa impostare una pagina web usando html e mi chiede di aggiungere un elemento di intestazione all'interno del corpo e di assegnargli una classe di 'intestazione'. Questo sembra ridondante. Qualcuno può spiegare perché questo è necessario e, se possibile, spiegare qual è lo scopo dell'utilizzo dell'elemento header invece di utilizzare solo un elemento div standard. Grazie!

    i got thiss....