Sintassi XML... e quindi SVG

  <svg width="500" height="500">
    <rect x="0" y="0" width="500" height="500" />
    <circle cx="250" cy="250" r="150" fill="orange" />
</svg>

Come nel linguaggio HTML (basato sempre sull’XML) la sintassi dell’SVG è caratterizzata da

• tag che definiscono gli elementi {.important}
  [nell’esempio: svg, rect e circle]
• attributi che definiscono caratteristiche specifiche dell’elemento
  [nell’esempio: width, height, x, y, cx, cy, r, fill]
• valori che possono essere assegnati agli attributi
  [nell’esempio: 500, 0, 250, 150, orange]

Quando gli elementi possono contenere altri elementi è previsto un tag di chiusura
[ad esempio <svg>...</svg>].
In caso contrario si può usare una semplice barra prima della parentesi di chiusura
[ad esempio <rect.../>].