[CSS]水平型ã®å¤šéšŽå±¤ãƒŠãƒ“ゲーションã®ã‚¢ã‚¤ãƒ†ãƒ ã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚ã¡ã“ã¡ã§ãŠç›®ã«ã‹ã‹ã‚‹æ°´å¹³åž‹ã®å¤šéšŽå±¤ãƒŠãƒ“ゲーションã§ã€å階層を表示ã™ã‚‹æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã•ã¾ã–ã¾ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚ 通常時ã®è¦‹ãŸç›®ã¯åŒã˜ã§ã™ãŒã€ä¸€æ‰‹é–“åŠ ãˆã¦ã‚ã‚‹ã¨ã€ŒãŠã£ï¼ã€ã£ã¦ãªã‚Šã¾ã™ã‚ˆã。 Animated Navigation Examples ベースã®HTMLã¯ã€éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã™ã€‚ HTML ナビゲーションã®å„アイテムã¯ãƒªã‚¹ãƒˆã§å®Ÿè£…ã—ã€navè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <nav class="nav"> <ul> <li> <a href="#">Nav Item</a> <ul> <li><a href="#">Subnav Item</a></li> <li><a href="#">Subnav Item</a></li> <li><a href="#">Subnav Item</a></li> </ul> </li> <li> ... ... </ul> </nav>
{{#tags}}- {{label}}
{{/tags}}