¿Qué son los gráficos HTML?
En el lenguaje de marcado de hipertexto (HTML), hay varias formas de mostrar y crear gráficos en un documento HTML. El tipo más utilizado de gráficos HTML son las imágenes que se colocan directamente en la página HTML, llamadas imágenes en línea, aunque existen otros métodos, como el uso de un lenguaje de secuencias de comandos o una aplicación web compilada, que se pueden usar para lograr los mismos resultados. Para gráficos generados dinámicamente para gráficos o gráficos, se pueden usar gráficos vectoriales escalables (SVG). También hay algunos gráficos HTML básicos que son compatibles con la especificación del idioma y no requieren archivos externos como líneas horizontales y balas en una lista. Se pueden lograr gráficos HTML más complejos mediante el uso de un lenguaje de secuencias de comandos, hojas de estilo en cascada (CSS) y el elemento de lona HTML, dando una opción nativa para algunos efectos que anteriormente solo eran posibles a través de objetos y complementos externos.
con diferencia, los gráficos HTML en línea son la forma más utilizada y más simple de colocar una imagen en un documento HTML. Básicamente, esto implica crear una imagen en un editor de imágenes, guardarla en un formato de archivo comúnmente utilizado y luego especificar el nombre y la ubicación del archivo de imagen en el documento HTML con la etiqueta IMG. Además de la simplicidad de incorporar un gráfico en línea en un documento, el motor de representación en la mayoría de los navegadores web puede colocar fácilmente el gráfico en diseños de página más complejos sin ningún artefacto de formato. Una complicación que puede ocurrir con una imagen en línea es que el tamaño de la imagen puede necesitar ser escalado para que se ajuste en pantallas excepcionalmente grandes o pequeñas cuando se ve, lo que potencialmente reduce la calidad de la imagen.
Los gráficos vectoriales escalables son un estilo más complejo de gráficos HTML. Se dibuja una imagen SVG definiendo formas, rutas y pesas de línea y se dibuja sobre la marcha mientras el usuario está viendo el documento. Esto hace que SVG sea una buena opción para mostrar DYDatos námicos como gráficos o gráficos, pero los hace muy poco prácticos de usar para otros tipos de gráficos, como la construcción de imágenes fotorrealistas. Para gráficos HTML simples, y en situaciones en las que no se puede cargar un archivo de imagen externo, SVG podría ser una opción viable.
Con el desarrollo del estándar del lenguaje HTML versión 5 (HTML5), los gráficos dinámicos HTML son posibles para crear dentro del idioma HTML básico. Esto se hace dibujando directamente a una superficie especial conocida como el lienzo en un documento HTML. Mediante el uso de JavaScript® y CSS, este método puede crear animaciones o juegos que pueden responder a la entrada del usuario o ajustar gráficos según la configuración del navegador web u otros datos. Sin embargo, la creación de un gráfico HTML5 puede ser un procedimiento complejo que podría dar lugar a bloqueos largos de código de secuencias de comandos que podría ejecutarse muy lentamente en algunas computadoras o dispositivos.