ハンバーガーメニューのコーディングについて

Question

###前提・実現したいこと
ハンバーガーメニューをhtmlで記述する場合、
３本線の部分をどのように書くのがhtmlとして一番適切でしょうか？

Answer 1

いくつか方法があります。

• アイコンフォントや画像で表示する
• 1つのタグで、CSSの::afterや::beforeで3本表示させる

Comments

[nnnn]

htmlのタグとしてはどのタグを使うのが適切でしょうか？

[maisumakun]

アクションする部分なので<button>かとも思いますけど、SEOに絡む部分でもないので厳密に考える必要もそうないかなとは思います。

Answer 2

使っているUIのフレームワークによってはグリフアイコンが用意されています。
Bootstrapにはglyphicon-menu-hamburger、UIKitにはuk-icon-barsとしてアイコンが用意されています。多分他のフレームワークにも同じようにアイコンが用意されていると思います。

Comments

[nnnn]

特にフレームワークは使っていません。
空のタグを作りたくないのです。
htmlの意味合いとしてどう記述すべきなのかというところで悩んでいます。