ウェブコンポーネント <template>要素
<template>要素の定義英語で「鋳型」や「ひな形」を表す"template"より。ページの読み込み時にすぐには描画されないものの、後で JavaScript を使用してインスタンスを生成できる HTML を保持するメカニズムです。テン...
HTML - 機能別
ウェブコンポーネント その他 <dialog>要素
<dialog>要素の定義英語で「対話」を表す"dialog"より。ダイアログボックスやインスペクターやウィンドウのようなそのほかの対話的コンポーネントを表します。新しい要素ということもあって、Internet Explorerのみならず、...
ウェブコンポーネント <slot>要素
<slot>要素の定義英語で「溝」を表す"slot"より。ウェブコンポーネント内で別な DOM ツリーを構築し、いっしょに表示することができる独自のマークアップを入れることができるプレイスホルダーです。子要素として使えるもの透過的コンテンツ...
その他 <summary>要素
<summary>要素の定義英語で「概要」を表す"summary"の複数形。<details> 要素の内容の要約、キャプション、説明、凡例を表します。 <summary> 要素をクリックすると、親の <details> 要素の開閉状態を切り...
その他 <details>要素
<details>要素の定義英語で「詳細」を表す"detail"の複数形。ウィジェットが open 状態になった時のみ情報が表示される折りたたみウィジェットを作成します。概要やラベルは <summary> 要素を使用して提供することができま...
フォーム関連 <textarea>要素
<textarea>要素の定義英語で「本文」を表す"text"＋「領域」を表す"area"より。HTML文書では、「複数行」を入力可能なテキスト入力欄を用意する際に使用されます。例えば、アンケートの自由記入欄や、問い合わせフォームのメッセー...
フォーム関連 <select>要素
<select>要素の定義英語で「選択」を意味する”select”より。HTML文書では、選択式のメニュー（プルダウンメニュー/ドロップダウンメニュー）を提供するための要素です。通常は、子要素として <option> 要素を定義して、メニュ...
フォーム関連 <progress>要素
<progress>要素英語で「進捗」を意味する”progress”より。処理の進行状況を示す、プログレスバーとしてよく表示されます。子要素として使えるもの記述コンテンツが使用できますが、<progress> 要素を入れ子にすることは出来ま...
フォーム関連 <output>要素
<output>要素英語で「出力」を意味する”output”より。サイトやアプリが計算結果やユーザー操作の結果を挿入することができるコンテナー要素です。子要素として使えるもの記述コンテンツ親要素として使えるもの記述コンテンツを受け入れるすべ...
フォーム関連 <option>要素
<option>要素英語で「選択肢」を意味する”option”より。<select> 要素や <optgroup> 要素、<datalist> 要素内で項目を定義する際に使われます。例えば、<select> 要素の子要素として使用することで...