Il linguaggio HTML, acronimo di HyperText Markup Language, è ciò che costituisce l’impalcatura di qualsiasi pagina web. Viene, infatti, utilizzato per strutturare e organizzare i contenuti all’interno di una pagina web. Ma cos’è il codice HTML e come contribuisce un web developer esperto alla creazione di siti web impeccabili?
HTML cos’è?
HTML è il linguaggio di markup che consente di definire la struttura logica di una pagina web. Grazie a tag e attributi HTML, gli sviluppatori possono definire la gerarchia dei contenuti, i collegamenti, le immagini e molto altro. Ogni sviluppatore web ha dimestichezza con questo linguaggio, ma cosa distingue un vero pro da un junior developer? Scopriamo 20 attributi HTML che ogni senior web developer dovrebbe conoscere a fondo.
Sei indeciso sul percorso? 💭
Parliamone! Scrivici su Whatsapp e risponderemo a tutte le tue domande per capire quale dei nostri corsi è il più adatto alle tue esigenze.
Attributi HTML da conoscere per essere un vero pro!
Pronto a scoprire quanti tag da vero pro dell’html conosci? Cominciamo!
aria-label
utilizzato per fornire un nome descrittivo a un elemento per gli assistenti vocali e altre tecnologie assistive.
data- (data attribute)
consentono di memorizzare informazioni personalizzate direttamente nell’HTML per scopi di scripting.
role
definisce il ruolo semantico di un elemento HTML per gli assistenti vocali e altre tecnologie assistive.
hidden
nasconde un elemento dall’utente senza rimuoverlo completamente dalla struttura della pagina.
contenteditable
permette agli utenti di modificare il contenuto di un elemento direttamente nella pagina web.
aria-expanded
indica lo stato espanso o compresso di un elemento per gli assistenti vocali e altre tecnologie assistive.
aria-hidden:
indica se un elemento è visibile o nascosto agli assistenti vocali e altre tecnologie assistive.
download
specifica che il target dell’anchor deve essere scaricato quando viene fatto clic su di esso.
rel
specifica la relazione tra il documento corrente e il documento collegato.
target
specifica dove aprire il documento collegato quando viene fatto clic su un link.
aria-describedby
fornisce una descrizione di un elemento per gli assistenti vocali e altre tecnologie assistive.
defer
specifica che lo script deve essere eseguito dopo che la pagina è stata analizzata.
async
indica che lo script deve essere eseguito in modo asincrono rispetto al caricamento della pagina.
charset
specifica l’insieme di caratteri del documento HTML.
aria-controls
identifica gli elementi controllati o influenzati da un altro elemento per gli assistenti vocali e altre tecnologie assistive.
autocomplete
abilita o disabilita la funzionalità di completamento automatico per un elemento di input.
aria-labelledby
fornisce un’etichetta per un elemento per gli assistenti vocali e altre tecnologie assistive.
scoped
limita l’ambito di un CSS interno solo all’elemento che lo contiene.
sandbox
crea un ambiente sandboxed per l’esecuzione di codice JavaScript senza accesso a determinate funzionalità del browser.
longdesc
fornisce una descrizione lunga e dettagliata di un’immagine o di un altro elemento.
E tu, quanti ne conoscevi? Meno di quanto sperassi? Nessun problema!
Se vuoi approfondire le basi del linguaggio html e css leggi la nostra guida all’html e css in italiano!
