𝗢 𝗛𝗧𝗠𝗟 𝗜𝗻𝗹𝗶𝗻𝗲 𝗤𝘂𝗲 𝗤𝘂𝗮𝘀𝗲 𝗡𝗮𝗱𝗶𝗲 𝗨𝘀𝗮
A maioria dos desenvolvedores conhece , e .
Você provavelmente ignora outros como , , , , e . Isso acontece porque você acaba recorrendo a um em vez disso.
Usar esses elementos adiciona significado. Um span estilizado não diz nada para uma máquina. Esses elementos fornecem dados para leitores de tela e mecanismos de busca.
Aqui estão os elementos úteis que você deve conhecer:
• e : Eles rastreiam alterações. Use para texto excluído e para texto novo. Eles trabalham juntos para mostrar edições.
• : Use para conteúdo que não é mais preciso. É diferente de uma exclusão. Ele marca informações obsoletas, como um preço antigo.
• e : Use para fórmulas químicas ou expoentes matemáticos. Não os use apenas para deixar o texto pequeno.
• : Use para variáveis em matemática ou código.
• : Isso destaca o texto por relevância. Mecanismos de busca usam isso para mostrar correspondências de pesquisa.
• : Fornece a versão completa de uma abreviação por meio de um tooltip.
• : Use para marcar a instância específica onde você define um termo.
• : Use para o título de uma obra, como um livro ou um artigo. Não é para o nome de uma pessoa.
• : Lida com citações inline. O navegador adiciona as aspas para você.
Os padrões do navegador costumam ser feios. O parece um marca-texto amarelo. O tem marcas aleatórias.
Você não precisa evitar essas tags. Você só precisa adicionar CSS.
Dê ao uma cor da marca. Dê ao um sublinhado pontilhado. Isso transforma código semântico em uma tipografia limpa.
Usar a tag correta uma vez por ano é melhor do que usar um span que mente sobre o que o conteúdo realmente é.
Fonte: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d