Descripción
El elemento svg en HTML es utilizado para definir gráficos SVG. SVG, que significa Gráficos Vectoriales Escalables o Scalable Vector Graphics (en inglé), es un lenguaje de marcas basado en XML para describir gráficos bidimensionales. Esta especificación es muy útil en la web, ya que permite la creación de gráficos que pueden ser escalados sin perder calidad.
Además, el elemento svg ofrece un alto grado de control sobre el aspecto y comportamiento de los gráficos, lo que lo convierte en una opción popular para los desarrolladores web. Es posible cambiar el tamaño, el color y la forma de los gráficos SVG utilizando CSS y JavaScript, lo que añade una gran cantidad de flexibilidad y capacidad de personalización.
Sintaxis
<svg>
<!-- Elementos SVG -->
</svg>
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
Aquí tienes un ejemplo de cómo se podría utilizar el elemento SVG para crear un gráfico simple:
<svg width="100" height="100">
<rect x="0" y="0" width="50" height="50" fill="blue" />
</svg>
Este código crea un cuadrado azul.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.