モバイルデザインテンプレートを使うことでできることを調べてみました。今回はheaderタグとNavタグについてです。
ヘッダーのCSS
headerタグ内で使用できるcssです。
main-menu-button
ヘッダータグ内でボタンアイコンを表示できます。「main-menu-button-left」、「main-menu-button-right」と組み合わせて使用します。
main-menu-button-left
左寄せ表示できます。
main-menu-button-right
右寄せ表示できます。
Menu Link
メニューアイコンを表示できます。
left-arrow Link
左矢印を表示できます。
gear Link
歯車アイコンを表示できます。
h1タグ
h1タグで表示するとヘッダータイトルとして中央寄せ表示されるようになっています。
h2タグ以降は特に効果ないみたいです。
ナビのCSS
navタグ内で使用できるCSSです。モバイルアプルでよくあるメニューを表示することが可能です。
main-menu
このメニューはclass="menu"が指定されたaタグリンクから表示することができます。
<header>と<nav>で使えるCSSはだいたいこんな感じだと思います。