𝗘𝗹 𝗛𝗧𝗠𝗟 𝗲𝗻 𝗹í𝗻𝗲𝗮 𝗾𝘂𝗲 𝗰𝗮𝘀𝗶 𝗻𝗮𝗱𝗶𝗲 𝘂𝘀𝗮
La mayoría de los desarrolladores conocen , y .
Es probable que ignores otros como , , , , y . Esto sucede porque, en su lugar, recurres a un .
El uso de estos elementos añade significado. Un span con estilos no le dice nada a una máquina. Estos elementos proporcionan datos para lectores de pantalla y motores de búsqueda.
Aquí tienes los elementos útiles que deberías conocer:
• y : Estos rastrean cambios. Usa para texto eliminado e para texto nuevo. Funcionan juntos para mostrar ediciones.
• : Úsalo para contenido que ya no es preciso. Es diferente de una eliminación. Marca información obsoleta, como un precio antiguo.
• y : Úsalos para fórmulas químicas o exponentes matemáticos. No los uses solo para hacer el texto pequeño.
• : Úsalo para variables en matemáticas o código.
• : Este resalta el texto por relevancia. Los motores de búsqueda lo utilizan para mostrar coincidencias de búsqueda.
• : Proporciona la versión completa de una abreviatura mediante un tooltip.
• : Úsalo para marcar la instancia específica donde defines un término.
• : Úsalo para el título de una obra como un libro o un artículo. No es para el nombre de una persona.
• : Este gestiona citas en línea. El navegador añade las comillas por ti.
Los valores predeterminados del navegador a menudo se ven mal. parece un resaltador amarillo. tiene marcas aleatorias.
No necesitas evitar estas etiquetas. Solo necesitas añadir CSS.
Dale a un color de marca. Dale a un subrayado punteado. Esto convierte el código semántico en una tipografía limpia.
Usar la etiqueta correcta una vez al año es mejor que usar un span que miente sobre lo que el contenido es realmente.
Fuente: https://dev.to/dimonb19a/the-inline-html-almost-nobody-uses-205d