menu タグエレメント

ブロックレベルエレメント

　menu タグエレメントは、<li> と組み合わせてリストが作成できる HTML タグエレメントです。<ul>と同じようにマークが付きます。
　<menu>の子エレメントとして <menuitem> がありますが、 <menuitem> は使わないように推奨されています。

<menu>

<menu>
	<li><button>ミカン</button></li>
	<li><button>リンゴ</button></li>
	<li><button>バナナ</button></li>
</menu>

詳しくは動作の確認を参照してください

　マークが表示されないようにするには、スタイルで list-style: none; と指定します。

　横並びにしたい時は、スタイルで display: flex; と指定します。

　<button> との組み合わせによるリストが紹介されているサイトを見かけますが実験的なところがあるようです。そのためか <ul> を使う例を多くみます。

- ad -

グローバル属性も持ちます。以下に主な属性のみを示します。

Attribute	Value	Extra information
id		cssにも使えます。エレメントをユニークとします。
class		cssに使います。同名のclassは同じスタイルが適応されます。

<li>

1データを一行で入力してください。自動で改行ごとに「li」要素を作成します。
<button>ミカン</button> <button>リンゴ</button> <button>バナナ</button>

　上記の属性の値から <menu> と <li> エレメントを以下に作成します。HTML作成ボタンをクリックしてみてください。