tutorial insertar etiqueta español svg web-standards

insertar - ¿Los documentos SVG admiten atributos de datos personalizados?



svg path (4)

En HTML5, los elementos pueden tener metadatos arbitrarios almacenados en atributos XML cuyos nombres comiencen con data- , como <p data-myid="123456"> . ¿Es esto parte de la especificación de SVG también?

En la práctica, esta técnica funciona bien para documentos SVG en muchos lugares. Pero me gustaría saber si es parte de la especificación oficial de SVG o no, porque el formato es lo suficientemente joven como para que exista mucha incompatibilidad entre navegadores, especialmente en dispositivos móviles. Entonces, antes de comprometerme con el código, me gustaría saber si puedo esperar que futuros navegadores converjan para apoyar esto.

Encontré este mensaje de la lista de correo del grupo de trabajo diciendo que "esperan que [ellos] lo respalden". ¿Esto se hizo oficial?

Si bien otras respuestas son técnicamente correctas, omiten el hecho de que SVG proporciona un mecanismo alternativo para data-* . SVG permite incluir cualquier atributo y etiqueta , siempre que no entre en conflicto con los existentes (en otras palabras, debe usar espacios de nombres).

Para usar este mecanismo (equivalente):

  • use mydata:id lugar de data-myid , así: <p mydata:id="123456">
  • asegúrese de definir el espacio de nombres en la etiqueta de apertura de SVG, como esta: <svg xmlns:mydata="http://www.myexample.com/whatever">

hay un mecanismo más general.

svg admite elementos desc que pueden contener xml arbitrario de otros espacios de nombres. vincular instancias de estos elementos o nodos secundarios de su propio espacio de nombres por ids dependientes o atributos refid.

esta es la parte relevante de la especificación (5.4) .