coding-guidelines icon indicating copy to clipboard operation
coding-guidelines copied to clipboard

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

Open manabuyasuda opened this issue 6 years ago • 1 comments

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 要素の表示領域になる?)

manabuyasuda avatar Mar 06 '19 05:03 manabuyasuda

仕様上の必須や推奨と、実装上の必須や推奨を区別して明記する。

manabuyasuda avatar Mar 06 '19 05:03 manabuyasuda