Skip to content

Update: SVGの必須属性を見直す #17

@manabuyasuda

Description

@manabuyasuda

https://qiita.com/manabuyasuda/items/01a76204f97cd73ffc4e#comment-45be7f082d411d5b8cff

SVG に詳しくなく、また、仕様書を読んでいないので不確かなコメントで恐縮なのですが、次の箇所が気になりました。

必須の属性を確認する
タグで必須の属性です。表示崩れの原因にもなるので、必ず指定してください。

xmlns="http://www.w3.org/2000/svg"(SVG名前空間宣言)
xmlns:xlink="http://www.w3.org/1999/xlink"(XLink名前空間宣言)
version属性
width属性とheight属性(pxは省略可)
viewBox属性

単に「必須」の定義が異なるだけかもしれませんが、これらには仕様上の必須(required, must)ではなく、実装を考慮した推奨(recommended, should)も含まれているのではないかなと思いました。

xmlns 属性は HTML に SVG をインラインで記述する場合は省略可能
xmlns:xlink 属性は svg 要素の子孫要素で xlink:href 属性などを使用する場合は必須
version 属性はたしかに指定したほうが良さそうですが、必須なのでしょうか?
width 属性と height 属性は省略可能(省略した場合は不定扱い?)
viewBox 属性は省略可能(省略した場合は svg 要素の表示領域になる?)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions