L'HTML inline che quasi nessuno usa
La maggior parte degli sviluppatori conosce , e .
Probabilmente ignori altri elementi come , , , , e . Questo accade perché preferisci usare un .
L'uso di questi elementi aggiunge significato. Uno span stilizzato non dice nulla a una macchina. Questi elementi forniscono dati per gli screen reader e i motori di ricerca.
Ecco gli elementi utili che dovresti conoscere:
• e : Tracciano le modifiche. Usa per il testo eliminato e per il nuovo testo. Lavorano insieme per mostrare le revisioni.
• : Usalo per contenuti che non sono più accurati. È diverso da un'eliminazione. Segnala informazioni obsolete come un vecchio prezzo.
• e : Usali per formule chimiche o esponenti matematici. Non usarli solo per rimpicciolire il testo.
• : Usalo per le variabili in matematica o nel codice.
• : Evidenzia il testo per rilevanza. I motori di ricerca lo usano per mostrare i risultati corrispondenti alla query.
• : Fornisce la versione completa di un'abbreviazione tramite un tooltip.
• : Usalo per contrassegnare l'istanza specifica in cui definisci un termine.
• : Usalo per il titolo di un'opera, come un libro o un articolo. Non serve per il nome di una persona.
• : Gestisce le citazioni inline. Il browser aggiunge automaticamente le virgolette.
Gli stili predefiniti del browser spesso sono brutti. sembra un evidenziatore giallo. ha segni casuali.
Non è necessario evitare questi tag. Devi solo aggiungere del CSS.
Assegna a un colore del brand. Assegna ad una sottolineatura punteggiata. Questo trasforma il codice semantico in una tipografia pulita.
Usare il tag giusto una volta all'anno è meglio che usare uno span che mente su ciò che il contenuto è realmente.
Fonte: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d