UIkit3 見出し

2017-09-27

UIkit を読み込んでおくとタブに見出しタグh1 ~ h6 にスタイルが適用されます。
また、クラス uk-h1~uk-h6 も準備されており

<h1 class="uk-h3">見出し</h1>

と言ったスタイルの設定が可能です。h1タグに h3 のスタイルを適用したことになります。
h1~h6タグには、uk-h1~uk-h6 があたっているので、

<h1>h1 Heading 1</h1>
<h2>h2 Heading 2</h2>
<h3>h3 Heading 3</h3>
<h4>h4 Heading 4</h4>
<h5>h5 Heading 5</h5>
<h6>h6 Heading 6</h6>

でOKです。
実際のマークアップです。

UIkit

Posted by michi