タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

cssとblogに関するhnishi2509のブックマーク (2)

  • ヘッダー・ナビゲーションを固定表示させるアイデア5つ

    ヘッダー・ナビゲーションを固定表示させるアイデア5つ 公開日:2017/12/28 /最終更新日:2019/02/09 CSS jQuery・JS Technique 最初から固定表示 基なので言わずもがなですが一応。単なる固定表示ならCSSの「position: fixed;」だけです。簡単ですね。 HTML <header class="site-header"> <h1 class="site-logo"><img src="images/logo.png" alt="WEBDESIGNDAY"></h1> <nav class="gnav"> <ul class="gnav__menu"> <li class="gnav__menu__item"><a href="">About</a></li> <li class="gnav__menu__item"><a href="">W

    ヘッダー・ナビゲーションを固定表示させるアイデア5つ
  • 【HTML】nav要素・タグの意味や書き方まとめ|サンプルデザイン有り | ポテパンスタイル

    navタグ・要素とは、ナビゲーションのセクションを表すタグ・要素のことです。 navタグを指定することで、ページ内の指定の部分や他のページへのリンクを設定できます。 ポテパンスタイルでいうと、スマホ表示した際の画像の部分がnav要素になります。 nav要素の設定は必要? nav要素は、利用者がページ内の主要コンテンツを閲覧する際に、コンテンツをいちいち探す手間を省いてくれるといった利点があります。 また、視覚が不自由な方向けに使用される「スクリーンリーダー」が、nav要素からサイトメニューを見つけてページ移動を助ける役割を果たします。 これらの理由から、nav要素は設定しておいて損はありません。 HTML5以前は、divタグのIDやクラスに「nav」「menu」といった名前をつけて区別していました。 HTML5になると、ナビゲーション専用のタグ「navタグ(nav)」が用意されたため、現在

  • 1