- 153
- 17
- CPU
- i5-12600k
- Dissipatore
- Arctic Freezer 34 eSports DUO
- Scheda Madre
- MSI PRO Z690-A
- HDD
- Crucial P5Plus
- RAM
- 2x 8GB Corsair Vengeance @ 1600 MHz
- GPU
- ASUS GTX 1080
- Audio
- Focusrite Scarlett 2i2
- Monitor
- Benq GW2765HT
- PSU
- Corsair RM850x
- Case
- Corsair 5000D Airflow
- Periferiche
- Logitech Illuminated Keyboard, Logitech G502
- Net
- Fastweb @ 2Gbps
- OS
- Windows 11
Come da titolo vorrei che mi aiutaste a fare un po' di chiarezza fra tutti i tag che aiutano il sezionamento di una pagina web: i tag in questione sono address, p, main, aside, section, article, nav, header e footer. Di seguito vi spiego come li ho capiti io, e sperando di non fare errori troppo madornali l'intento è quello di creare una sorta di mini-guida legata a questo ostico argomento, sul quale non son riuscito a venire a capo nonostante le varie documentazioni e le varie guide di siti specializzati in Web Development lette.
Partiamo da quelli "facili":
Passando ad un esempio pratico: sto facendo un sito web statico molto semplice, ma questo sezionamento mi sta mandando un po' in crisi. Ad esempio, ho una pagina dedicata all'introduzione di HTML, CSS e JS. Ho una sezione dal titolo (attributo title) "intro per ..." per ognuno dei tre argomenti, seguita da un h1 che dice appunto "Introduzione a...". Per ogni sotto-sezione utilizzo un articolo. Ad esempio, per il CSS ho un articolo per la sintassi generale (circa 5 righe, con titolo "sintassi CSS") ed uno per i prefissi (10 righe circa con titolo "prefissi CSS"). Da quel che ho scritto sopra capisco che è sbagliato, ma ho talmente tanta scelta che non so come procedere. Dovrei avere un main con titolo "Introduzione a JS, CSS e HTML" e poi una sezione per ognuno dei tre, con dentro paragrafi? Oppure un main con dentro articoli ed heading ma senza sezioni e paragrafi?
Partiamo da quelli "facili":
- nell'header da quel che ho capito ci vanno le informazioni super generali della pagina: dal logo, passando per il titolo per arrivare alla barra di ricerca. Spesso al suo interno si trova il:
- nav: è il contenitore di link di navigazione per la pagina (homepage, paginaPrincipale1, paginaPrincipale2) ecc
- footer: è l'opposto dell'header, di solito ci si trovano link quali copyright, contattaci, chi siamo ecc. Spesso contiene:
- address: viene utilizzato per racchiudere indirizzi utili al contatto dell'autore della pagina o del contenuto di ciò che si sta leggendo.
- main: da quel che ho capito è la parte principale body della pagina (ed il body è la parte principale della pagina). usabile una sola volta per pagina, rappresenta l'argomento principale che si decide di trattare in quella pagina. Di solito figura dopo l'header e prima del footer
- section: utilizzato per raggruppare fra loro elementi correlati. Nel modo in cui l'ho capito io, section può essere paragonato ad esempio ad un capitolo di un libro. Questo tag utilizza gli heading (da non confondere con header!) nella seguente maniera: <sezione1> <h1> <sezione2> <h2> </sezione2> </sezione1>
- articoli: sono unità a sé stanti, che possono, teoricamente, essere prese e messe in un altro sito senza che la loro comprensione venga sminuita. Un paragone azzardato potrebbe essere quello di considerarlo come un racconto breve, inseribile in diverse collezioni di racconti. Non ho capito il nesso che spesso viene fatto parlando di article e blog, qualche aiuto qui? Inoltre, non avrebbe senso mettere un address dentro un articolo per citare chi l'ha fatto, se ad esempio mi trovo su un sito di scienze con diversi articoli scritti da diverse persone?
- aside: collegato direttamente a ciò che lo circonda, ma non così direttamente da finire nel contenuto principale. Un esempio che ho visto fare include informazioni sull'autore o link utili relativi al contenuto principale
- p: sembra uno dei più facili ma io proprio non capisco quando usarlo. Dovrebbe indicare un paragrafo, ma potendo scrivere e rendere visibile il contenuto di una pagina html senza utilizzarlo a me viene proprio difficile usarlo
Passando ad un esempio pratico: sto facendo un sito web statico molto semplice, ma questo sezionamento mi sta mandando un po' in crisi. Ad esempio, ho una pagina dedicata all'introduzione di HTML, CSS e JS. Ho una sezione dal titolo (attributo title) "intro per ..." per ognuno dei tre argomenti, seguita da un h1 che dice appunto "Introduzione a...". Per ogni sotto-sezione utilizzo un articolo. Ad esempio, per il CSS ho un articolo per la sintassi generale (circa 5 righe, con titolo "sintassi CSS") ed uno per i prefissi (10 righe circa con titolo "prefissi CSS"). Da quel che ho scritto sopra capisco che è sbagliato, ma ho talmente tanta scelta che non so come procedere. Dovrei avere un main con titolo "Introduzione a JS, CSS e HTML" e poi una sezione per ognuno dei tre, con dentro paragrafi? Oppure un main con dentro articoli ed heading ma senza sezioni e paragrafi?
Ultima modifica: