Volver
Ctrl+Space
◑
Copiar
Descargar
Restaurar
Ejecutar
Ctrl+Enter
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <title>Texto semántico</title> </head> <body> <h2>strong — importancia real, no solo negrita visual</h2> <p>Recordá: <strong>guardar cambios antes de salir</strong>.</p> <h2>em — énfasis, no solo cursiva visual</h2> <p>No quiero <em>cualquier</em> resultado, quiero el mejor.</p> <h2>mark — texto resaltado / relevante en el contexto actual</h2> <p>Resultado de búsqueda: "cómo hacer <mark>pizza</mark> casera"</p> <h2>small — aclaraciones, letra chica, copyright</h2> <p><small>Precios sin IVA. Sujeto a cambios sin previo aviso.</small></p> <h2>del e ins — texto eliminado e insertado</h2> <p>Precio: <del>$1500</del> <ins>$990</ins></p> <h2>abbr — abreviatura con expansión</h2> <p>Usamos <abbr title="HyperText Markup Language">HTML</abbr> y <abbr title="Cascading Style Sheets">CSS</abbr>. Pasá el mouse por encima de las siglas.</p> <h2>time — fecha y hora legible por máquinas</h2> <p>Publicado el <time datetime="2026-03-15">15 de marzo de 2026</time>.</p> <h2>blockquote y cite — citas</h2> <blockquote cite="https://fuente.com"> <p>El diseño no es solo cómo se ve, sino cómo funciona.</p> <footer>— <cite>Steve Jobs</cite></footer> </blockquote> <h2>code, pre, kbd — contenido técnico</h2> <p>Usá <code>document.getElementById()</code> para seleccionar el elemento.</p> <pre><code>function hola() { console.log("Hola mundo"); }</code></pre> <p>Presioná <kbd>Ctrl</kbd> + <kbd>S</kbd> para guardar.</p> <hr> <p><strong><b> vs <strong> — <i> vs <em>:</strong> <b> e <i> son solo estilos visuales sin significado semántico. <strong> y <em> indican importancia y énfasis reales. Usá los semánticos siempre que puedas.</p> </body> </html>