Qué es el formato HTML

1¿Qué es HTML?

HTML significa HyperText Markup Language, lenguaje de marcado de hipertexto. No es un lenguaje de programación, sino un conjunto de etiquetas que indican qué es cada trozo de contenido: esto es un título, esto un párrafo, esto un enlace, esto una imagen, esto una tabla. El navegador lee esas etiquetas y construye con ellas la página que ves.

Es la base de la web. Cada sitio, desde un blog personal hasta una tienda en línea, parte de documentos HTML. Un archivo .html es simplemente un texto plano que puedes abrir con cualquier editor, y que el navegador interpreta; por eso resulta tan sencillo crear páginas y revisar cómo están hechas.

2Historia y estándar: de 1991 a HTML5

Tim Berners-Lee ideó HTML en el CERN, cerca de 1991, como parte del proyecto que se convertiría en la World Wide Web. La primera especificación formal, HTML 2.0, se publicó en 1995 como RFC 1866. HTML 4.01 llegó en 1999 y dominó durante años.

HTML5 se convirtió en recomendación del W3C en octubre de 2014 e incorporó elementos para vídeo y audio, mejores formularios, gráficos y almacenamiento local. Desde entonces el lenguaje se desarrolla como un estándar vivo, el HTML Living Standard del WHATWG, con actualizaciones continuas en lugar de versiones numeradas.

3¿Cómo funciona una página HTML por dentro?

Un documento HTML se organiza en una estructura de árbol. Dentro de la etiqueta principal hay una cabecera, con datos como el título y las referencias a hojas de estilo, y un cuerpo, con el contenido visible. Cada elemento puede contener otros: una lista contiene elementos de lista, un artículo contiene títulos y párrafos.

HTML solo define la estructura y el significado. El aspecto visual lo dicta CSS, que determina colores, tipografías, márgenes y diseño adaptable, y la interactividad la aporta JavaScript. Esta separación en tres capas permite que la misma página se vea distinta en un teléfono y en una pantalla grande, y que los lectores de pantalla entiendan la estructura para personas con discapacidad visual.

• HTML: estructura y significado del contenido.
• CSS: presentación, colores y diseño adaptable.
• JavaScript: interactividad y contenido dinámico.
• Etiquetas semánticas (título, artículo, navegación): ayudan al SEO y a la accesibilidad.

4HTML frente a PDF, Markdown y EPUB

El HTML es fluido por naturaleza: se adapta a la pantalla, al tamaño de letra y al dispositivo. El PDF es lo contrario, un diseño fijo en páginas, ideal para imprimir o conservar. Por eso una página web no se corresponde de forma natural con un documento paginado, y al convertir una a otra aparecen decisiones: dónde cortar una página, qué hacer con menús, anuncios o tablas anchas.

Markdown es una forma más cómoda de escribir contenido que luego se convierte a HTML. Y EPUB es, en esencia, un conjunto de páginas HTML y CSS empaquetadas como libro. Entender que todos comparten una misma raíz explica por qué es tan sencillo pasar texto de uno a otro y por qué el PDF es la excepción: es el único que fija el aspecto.

5Cómo guardar una página web como PDF sin que se desordene

Guardar una página como PDF es útil para conservar una factura, un artículo, una confirmación de reserva o un comprobante que podría cambiar o desaparecer. La herramienta Web a PDF de Rayo PDF GO está pensada para eso y el resultado se genera en tu dispositivo. Aun así, conviene saber qué ocurre por dentro para interpretar posibles diferencias.

Una página web es adaptable, y al paginarla el motor decide dónde cortar. Pueden quedar imágenes partidas, tablas que se salen del margen, menús laterales que ocupan espacio o contenidos que solo se cargan al desplazarse. Si el sitio ofrece una vista de impresión o un modo lector, úsalo antes: suele eliminar elementos de navegación y mejorar el resultado.

6Consejos prácticos y problemas habituales con HTML

Las tildes mal mostradas en un archivo HTML suelen deberse a que falta declarar la codificación; la etiqueta meta con charset UTF-8 en la cabecera lo resuelve. Los enlaces rotos y las imágenes que no aparecen suelen indicar que el archivo HTML guardado en tu equipo depende de recursos que no se descargaron junto con él.

Si guardas una página como PDF, los enlaces suelen conservarse como enlaces activos, pero revisa que apunten a las direcciones correctas. Si el PDF resulta pesado por las imágenes, puedes reducirlo con Comprimir PDF, y si necesitas solo el texto, Extraer texto de PDF lo separa de la maquetación. Evita guardar páginas con datos sensibles, como sesiones de banco, en lugares compartidos.

Por último, ten en cuenta la privacidad al guardar páginas: una página que muestra tu nombre, tu dirección o datos de una cuenta contendrá esa información en el PDF resultante. Revisa el documento antes de compartirlo y, si hace falta, oculta datos con una censura permanente en lugar de cubrirlos con un recuadro que podría retirarse.