TAG
Qual è la differenza principale tra i tag <ul> e <ol> quando si crea un elenco?
<ul> crea una lista non ordinata (puntata), mentre <ol> crea una lista ordinata (numerata)
Cosa si intende per navigazione in incognito (o privata)?
È una modalità che impedisce al browser di salvare la cronologia, i cookie e i dati inseriti nei moduli durante la sessione. Non rende però l'utente anonimo verso il fornitore internet (ISP) o il sito visitato.
Cosa sono i Web Fonts (come Google Fonts) e perché sono preferibili ai font di sistema?
Sono font caricati esternamente che assicurano che tutti gli utenti vedano il sito con la stessa tipografia, indipendentemente dai caratteri installati sul loro computer o smartphone.
Qual è la proprietà CSS utilizzata per cambiare il colore del testo di un elemento?
La proprietà color. (Esempio: color: red;)
Cos'è il contrasto cromatico e come influisce sulla lettura di un sito?
È il rapporto tra la luminosità del testo e quella dello sfondo. Un contrasto elevato (es. testo nero su sfondo bianco) è essenziale per ipovedenti, persone con daltonismo o semplicemente per chi legge sotto la luce diretta del sole.
Qual è il tag corretto per definire l'intestazione di una tabella (la riga che contiene i titoli delle colonne)?
Il tag <thead> per raggruppare la testata, e il tag <th> (table header) per le singole celle dei titoli all'interno della riga.
Cosa indica l'icona del lucchetto accanto all'indirizzo URL nella barra del browser?
Indica che la connessione tra il browser e il sito è criptata tramite protocollo HTTPS. Questo significa che i dati scambiati (password, carte di credito) sono protetti da intercettazioni, ma non garantisce necessariamente che il sito sia "buono" o sicuro al 100%.
Cos'è un Dominio e cos'è un Hosting?
Il Dominio è l'indirizzo testuale del sito (es. www.google.it). L'Hosting è lo spazio fisico su un server dove vengono memorizzati i file del sito affinché siano accessibili online.
Qual è la differenza tra le proprietà margin e padding?
Il margin crea spazio all'esterno del bordo dell'elemento, mentre il padding crea spazio all'interno, tra il contenuto e il bordo dell'elemento.
Perché è una convenzione di usabilità fondamentale che il logo del sito (solitamente in alto a sinistra) sia cliccabile?
Perché gli utenti si aspettano che cliccare sul logo li riporti sempre alla Home Page. È una "via di fuga" rapida che riduce il senso di smarrimento durante la navigazione.
A cosa serve il tag <meta> all'interno dell'elemento <head>?
Il tag <meta> fornisce metadati sul documento (informazioni non visibili sulla pagina ma utili ai browser e ai motori di ricerca). Un esempio comune è <meta charset="UTF-8"> per la codifica dei caratteri o il tag viewport per il responsive design.
A cosa servono i Developer Tools (Strumenti per sviluppatori) presenti in browser come Chrome o Firefox?
Sono una console integrata che permette di ispezionare il codice HTML/CSS in tempo reale, debuggare errori JavaScript, monitorare le prestazioni di rete e simulare la visualizzazione del sito su diversi dispositivi mobili.
Qual è la differenza tra Frontend e Backend?
Il Frontend è tutto ciò con cui l'utente interagisce direttamente (HTML, CSS, JS nel browser). Il Backend è la logica che "gira" sul server, gestisce il database e invia i dati al frontend.
A cosa serve la proprietà line-height e perché è importante per la leggibilità?
Controlla l'altezza della riga (lo spazio verticale tra le linee di testo). Un valore adeguato (es. 1.5) evita che le righe siano troppo vicine, facilitando la lettura.
Cosa si intende per "Design Responsive" dal punto di vista dell'usabilità?
Significa che l'interfaccia si adatta automaticamente alla dimensione dello schermo (smartphone, tablet, desktop), mantenendo i pulsanti facili da cliccare e il testo leggibile senza dover zoomare lateralmente.
Quale attributo del tag <img> è fondamentale per l'accessibilità e viene visualizzato se l'immagine non carica?
L'attributo alt (testo alternativo). È essenziale per descrivere il contenuto dell'immagine ai motori di ricerca e agli screen reader.
Cos'è la modalità "Lettura" (Reader View) e quali elementi della pagina web va a modificare?
È una funzione che estrae solo il testo e le immagini principali di un articolo, eliminando distrazioni come pubblicità, menu di navigazione, pop-up e script invasivi, creando un layout pulito e altamente leggibile.
Cosa si intende per Mockup e in cosa differisce dal Wireframe?
Mentre il wireframe è solo uno schema strutturale, il Mockup è la rappresentazione grafica ad alta fedeltà del sito. Include colori, tipografia, immagini e loghi, mostrando esattamente come apparirà il prodotto finale prima di essere programmato.
Quale proprietà si usa per rendere gli angoli di un elemento arrotondati (creare un cerchio o smussare i bordi)?
La proprietà border-radius. (Esempio: border-radius: 50%; per un cerchio perfetto).
Perché è sconsigliato far partire video o audio in automatico (autoplay) all'apertura di una pagina?
È una pessima pratica di usabilità perché distrae e può infastidire l'utente. Per l'accessibilità, può sovrapporsi alla voce degli screen reader, rendendo impossibile la navigazione per gli utenti non vedenti.
Qual è la differenza tra i tag <div> e <span>?
Il <div> è un elemento block-level (inizia su una nuova riga e occupa tutta la larghezza disponibile), mentre lo <span> è un elemento inline (occupa solo lo spazio necessario e non interrompe il flusso del testo).
In quasi tutti i browser, cosa succede tecnicamente quando esegui un "Hard Refresh" (Ctrl+F5 o Cmd+Shift+R)?
Il browser ignora completamente la cache locale e forza il download di ogni singolo elemento della pagina (immagini, script, fogli di stile) direttamente dal server, assicurando la visualizzazione della versione più recente del sito.
Qual è la differenza tra un sito Statico e un sito Dinamico?
Un sito statico mostra lo stesso contenuto predefinito a tutti gli utenti. Un sito dinamico genera il contenuto "al volo" (spesso tramite linguaggi come PHP o Python) estraendo dati da un database (es. un feed di notizie o un profilo utente).
A cosa serve la proprietà opacity e quali sono i suoi valori possibili?
Imposta il livello di trasparenza di un elemento. I valori vanno da 0 (completamente invisibile) a 1 (completamente opaco).
A cosa serve la funzione "Briciole di pane" (Breadcrumbs) in un sito web?
È un elemento di navigazione (es. Home > Prodotti > Scarpe) che aiuta l'utente a capire dove si trova nella gerarchia del sito e gli permette di tornare facilmente alle sezioni precedenti.