HTML

figureタグは、そのコンテンツがなくなったとしても本文の流れに影響を与えることがない自己完結型コンテンツに使用できるHTMLタグです。イラストや図、写真やコードの断片などに対して使用されます。 また、figcapti…

テーブルのカラムが3列以上あり、スマホ時に縦方向に並べ替えるのが難しいといった場合は、横スクロールで表示できるようにするのがおすすめです。 今回は、HTMLのtableタグで実装したテーブルを横スクロールできるようにする…

SVGアイコンはインラインで表示すると、CSSで色を変えられたり色々便利です。 しかし、コードが長くなってしまうため、たとえばボタンの矢印部分をSVGアイコンで繰り返し使う場合などは、記述量が多くなってしまいソースが読み…

SVGはベクター形式の画像データです。 ベクター形式は、点や線、色、カーブを数値データで記録するため、軽量で拡大しても画像が荒れない点が大きな特徴です。 今回は、SVGとJPG・PNGとの違いやメリット・デメリット、SV…

今回はHTMLタグの中で説明リストを作る際に使用されるdl・dt・ddタグの正しい使い方を解説していきます。 dl・dt・ddタグは情報の整理や意味づけに役立つため、ぜひ覚えておくと良いでしょう。 dl・dt・ddタグは…