no-image

インタラクティブ

details/クリック開閉

クリックして開閉する動作の指定。

結果

リストを開く
  • テキスト1
  • テキスト2
  • テキスト3
  • テキスト4
  • テキスト5

解説

<details>タグは、ユーザーによる、特定の動作(クリック等)で詳細情報を表示する、インタラクティブ要素です。

HTML5以前では、Javascriptを利用する他にできなかったような動作をHTMLレベルで利用できます。

<summary>は、<details>の子要素で開始タグのすぐ後ろに書きます。

大変便利なタグですが、少し古いブラウザでは確実に利用できません。
スマートフォンサイト作成には、とても向いています。

menu/命令メニュー

命令メニューリスト。

結果

解説

<menu>は、使えるふたつのキーワードの説明です。
「context」は、右クリックで表示。「toolver」は、ツールバーとしての表示になります。

command/命令コマンド

コマンド(命令)。

結果

アラートを表示

解説

<command>タグは、HTML5で一旦は追加されましたが、最終的に削除されたため使用できません。

<command>タグは<menu>~</menu>の中に定義し使用する必要があります。