2023年3月
【summaryタグ】details要素に要約や説明を付けよう！「HTML・解説・初心者向け」- ノブレコ
summaryとは、「summary（サマリー）」とは、「要約・概要・要点」などの意味を持ちます。HTMLにおいて長い説明文やデータなどをまとめるためのタグです。このタグは、details要素とセットで使い、折りたたみウィジェットの要約や説明文、キャプションを表します。
【detailsタグ】折りたたみウィジェットを使ってみよう！「HTML・解説・初心者向け」- ノブレコ
detailsとは、「details（ディテイルズ）」とは、「詳細」という意味を表します。折りたたみウィジェットとは、ディスクロージャー・ウィジェットとも呼ばれ、クリックやタップをした際に三角形のアイコンが回転し情報の開閉を切り替える機能のことです。
【legendタグ】fieldsetのグループにタイトルを付けるタグ！「HTML・解説」- ノブレコ
legendとは、fieldset要素のキャプションを表すためのタグです。fieldset要素でグループ化した入力項目にタイトルを付けられます。使用できるのはfleldset要素にだけで、fieldset要素でグループ化した内容のキャプションを扱うタグとなり、キャプションで説明した内容＝タイトルになります。
【fieldsetタグ】フォーム内の入力項目をグループ化しよう！「HTML・解説・初心者向け」- ノブレコ
fieldsetとは、fieldsetはfieldをsetするためのタグで、主にformタグの中で使うタグで、フォームコントロールをグループ化するためのタグです。fieldsetを使う時には合わせてlegendとセットで使用します。CSSプロパティを指定することで、ボーダー線などの装飾をすることもできます。
【meterタグ】割合の値を棒グラフのゲージで表現してみよう！「HTML・解説・初心者向け」- ノブレコ
meterとは、HTML５から追加されたもので、一定範囲に収まるスカラー量や、割合を表現できる値を「棒グラフの様なゲージ」で表現するタグです。見た目はprogress要素に似たような表現になりますが、主に動的な進捗状況を表現したい場合はprogress要素を使い、そうでない場合にmeter要素を使うという形になります。
【progressタグ】タスクの進捗状況を表してみよう！「HTML・解説・初心者向け」- ノブレコ
progressタグ、タスクの進捗状況を表すために使用するタグです。このタグは、HTML５から追加された要素で、プログレスバーとしてレンダリングされます。対応しているブラウザでは、javascriptと組み合わせることで進捗状況を動的にリアルタイムで反映させることができます。
【outputタグ】アプリの実行結果の出力先を表してみよう！「HTML・解説・初心者向け」- ノブレコ
outputとは、フォーム部品の１つで、主にjavascriptの計算結果の出力先を表示するためのタグで、javascriptによる動的処理に適しているタグです。主にform要素の中で使われ、スクリプトによって実行された処理結果や、ユーザー操作で得られた結果などを表します。