Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
manabuyasuda opened this issue Mar 6, 2019 · 1 comment
Open

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

manabuyasuda opened this issue Mar 6, 2019 · 1 comment

Comments

@manabuyasuda
Copy link
Owner

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
Copy link
Owner Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant