HTML semantico: perché è così importante?
Alcuni elementi HTML sono detti semantici perché:
- Hanno proprietà intrinseche automatiche (come il :focus per <a> e <button>);
- Sono quindi più facili da sviluppare: evitano di aggiungere funzioni già presenti;
- Comunicano con il motore di ricerca, quindi hanno valenza SEO;
- Sono utili per navigare con sola tastiera, per <a> e <button>;
- Inoltre comunicano con gli Screen Reader, facilitando la navigazione.
- Maggiori informazioni nel primo commento.
1. Div + Span
Sono elementi non semantici dell’HTML. Dovrebbero servire solo come mattoni. Spesso sono usati per la struttura portante del layout.