<svg>
画像・音声・動画
拡大しても崩れないベクター画像を文書内に直接描きます。
| 書き方 | <svg></svg> |
|---|---|
| 閉じタグ | </svg> |
| 空要素 | いいえ — 閉じます |
| よく使う属性 | viewBox, width, height |
| 分類 | 画像・音声・動画 |
読み方
- タグはたいてい開くものと閉じるものが対になります。imgやbrのように内容のないタグだけ閉じません。
- 閉じない要素に</br>と書いても意味はなく、ブラウザーは無視するか空行を一つ増やします。
- 見た目はCSSの仕事です。タグは「これが何か」を語り、太字や斜体はその結果にすぎません。
- 意味に合うタグを選べば検索も読み上げも良くなります。何でもdivで包むとその情報が失われます。
よくある質問
Q. HTMLの <svg> タグとは何ですか。
拡大しても崩れないベクター画像を文書内に直接描きます。
Q. <svg> はどう書きますか。
<svg></svg> のように書きます。開く <svg> と閉じる </svg> が対になります。
Q. <svg> でよく使う属性は。
viewBox、width、height などを一緒に使います。
Q. <svg> はどの分類ですか。
画像・音声・動画の分類です。