svg

HTMLタグ解説

SVGタグの概要

SVG(Scalable Vector Graphics)タグは、ベクター形式の画像を描画するためのタグです。主にグラフィカルな要素を表示する際に使用されます。

SVGタグの基本の書き方(構文)



  

主な属性とその説明

SVGタグには、幅や高さを指定するwidthやheight属性、円や四角形などの要素を描画するための属性があります。

使用例



  



  



  

よくある注意点・間違い

SVGタグ内での画像や図形の描画は、HTML内で直接描画するため、SEOやアクセシビリティの観点からは適切なalt属性などを付けることが重要です。また、不必要にSVGタグを入れ子にすることや、複雑な図形をSVGタグ内で記述する場合は適切なコメントなどを用いて可読性を高めることが大切です。