インタラクティブ要素Interactive elements

details要素 

  • details要素は、ユーザーのリクエストに応じ詳細情報を表示するディスクロージャー・ウィジェットを表す要素である。
  • ディスクロージャー・ウィジェットとは、ユーザーが表示/非表示を切り替えられるユーザー・インターフェース(UI)のこと。
  • details要素の1つ目の子要素としてsummary要素を配置し、詳細情報が非表示の状態でも表示しておく見出し(要約、説明)を指定できる。

summary要素 

  • summary要素は、details要素によるディスクロージャー・ウィジェットの見出し(要約、説明)を表す要素である。
  • ディスクロージャー・ウィジェットとは、ユーザーが表示/非表示を切り替えられるユーザー・インターフェース(UI)のこと。
  • summary要素を、details要素の1つ目の子要素として配置することで、詳細情報が非表示の状態でも表示しておく見出し(要約、説明)を指定できる。