Do SVG docs support custom data- attributes?

by

While other answers are technically correct, they omit the fact that SVG provides an alternative mechanism for data-*. SVG allows any attribute and tag to be included, as long as it doesn’t conflict with existing ones (in other words: you should use namespaces).

To use this (equivalent) mechanism:

  • use mydata:id instead of data-myid, like this: <p mydata:id="123456">
  • make sure you define the namespace in SVG opening tag, like this: <svg xmlns:mydata="http://www.myexample.com/whatever">

EDIT: SVG2, currently W3C Candidate Recommendation (04 October 2018), will support data- directly (without namespaces, the same as HTML). It will take some time before the support is widespread though. Thanks @cvrebert for pointing this out.

More Related Contents:

  1. svg text wrapping issues
  2. How to calculate the SVG Path for an arc (of a circle)
  3. Circle drawing with SVG’s arc path
  4. Can you control how an SVG’s stroke-width is drawn?
  5. How to convert a PNG image to a SVG? [closed]
  6. Removing transforms in SVG files
  7. How to use the viewBox attribute?
  8. How to set transform origin in SVG
  9. How many levels of recursion does SVG support?
  10. SVG Line with Gradient Stroke Won’t Display if vertical or horizontal
  11. semantic zooming of the force directed graph in d3
  12. Catmull-Rom interpolation on SVG Paths
  13. Default background color of SVG root element
  14. How to convert/save d3.js graph to pdf/jpeg
  15. How to convert a SVG to a PNG with ImageMagick?
  16. vertical alignment of text element in SVG
  17. SVG shadow cut off
  18. Crop to fit an svg pattern
  19. svg multiple color on circle stroke
  20. SVG angular gradient
  21. Avoiding lines between adjecent svg rectangles
  22. Adding feDropShadow to a vertical line in SVG makes it disappear
  23. Add text/label onto links in D3 force directed graph
  24. SVG Image in JavaFX 2.2
  25. Converting an svg arc to lines
  26. Simple fill pattern in svg : diagonal hatching
  27. Pure SVG way to fit text to a box
  28. SVG images blocked by gmail proxy
  29. is it possible to make SVG circle fill color from bottom to top based on percentage? [duplicate]
  30. Convert SVG polygon to path

Leave a Comment