意外といろんなところで使えるul>li

勉強を始めた当初で出てくる<ul>タグと<li>。私の中で箇条書きのところでしか使わないと勝手に考えていましたが、意外にも、いろんなところで使われることを知りました。

例えば、ヘッダー部分右横に配置されることが多いナビゲーションメニューで使われることは結構早い段階で知りました。そのほかにも、3つほどのブログ記事が写真と共に横並びになっているセクションや、フッター部分のサイトマップ部分など。。。活躍する幅は広いです。

jQueryを勉強してくると、サイトに動的な操作を与える部分で活躍してきます。例えば、トグルメニュー、ビューアー、タブ、ドロップダウンメニュー、フローティングメニュー、モーダルウィンドウ、画像のキャプション表示、ツールチップ、フィルタリング、スムーススクロール、スライドメニュー、スライドショー(横スクロール・フェードイン/アウト)、、、などを作っていく上で出てきます。ここまでくれば、もうすっかり馴染んでしまいますね^^

:nth-childなどの疑似クラスも使えば、表現の幅も広がっていきます。使いこなせるようになりたいです。

この記事を書いた人