标签: nav

我的导航标签应该在我的部分标签中吗?

我是这个“语义标记”的新手。但我不知道这是否正确。简而言之,在这种情况下,我不知道何时使用 section 与 nav 标签。它应该是一个或另一个,根本没有,还是完全按照我的意思?我说的是 id = sidebar 的部分。

<body>
    <div class="page">
        <header>
            <table id="formHeader" style="width:100%;text-align:center;">
                <tr>
                    <td></td>
                </tr>
            </table>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="sidebar">
            @*<nav>*@
                Go To...
                <ul>
                    <li>First Move to Moon</li>
                    <li>First Move to Moon</li>                    
                </ul>
            @*</nav>*@   
        </section>
        <section id="main">        
            @RenderBody()                              
        </section>
        <footer>
        </footer>
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

html nav

0
推荐指数
1
解决办法
3529
查看次数

当我有 &lt;nav&gt; 和 &lt;li&gt; 时,我需要 &lt;ul&gt; 吗?

关于<nav>HTML5 标签。

这有什么区别:

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">News</a></li>
    <li><a href="#">Photos</a></li>
  <ul>    
 </nav>
Run Code Online (Sandbox Code Playgroud)

这:(这可以工作吗?)

<nav>
    <li><a href="#">Home</a></li>
    <li><a href="#">News</a></li>
    <li><a href="#">Photos</a></li>
 </nav>
Run Code Online (Sandbox Code Playgroud)

html tags html-lists nav

0
推荐指数
1
解决办法
854
查看次数

如何在 Angular 2 RouterModule 中将 Bootstrap 导航栏设置为“活动”类?

我有一个带有一些标签的侧边导航栏

<div class="side-wrap-div">
        <div class="list-group sidebar-nav">
            <li class="list-group-item borderBottomMenu active" >
                <a href="#/{{ DocumentURL }}">Document</a>
                <span class="marker-logo"></span>
                <span class="logo document-logo-click" ></span>
            </li>
        </div>
        <div class="list-group bottom-fixed">
            <div  id="collapse3" *ngIf="showContact">
                <a href="#/contact/{{ currentTaskId }}" class="panel-collapse list-group-item collapse">
                    <span class="logo contact-logo" ></span>Contact
                </a>
        </div>
    <div>
Run Code Online (Sandbox Code Playgroud)

如何将选定的导航栏设置为活动状态?我正在使用 RouterModule(不是 [routerLink])并在 app.routing.ts 中声明了我的路由。

nav twitter-bootstrap angular2-routing angular

0
推荐指数
1
解决办法
1809
查看次数

如何在 react-native 中创建导航栏?

我是本机反应的新手。我想创建导航栏/可折叠下拉菜单,其中应包含主页、博客、注册、登录按钮/链接。单击该按钮时,它应该导航到相应的页面。

应用程序.js

 import React from 'react';
 import { Blogs } from './app/views/Blogs.js';
 import {Signup } from './app/views/Signup.js;
 import {Login } from './app/views/Login.js;
 import { createAppContainer } from 'react-navigation';
 import { createStackNavigator } from 'react-navigation-stack';
 import { Home } from './app/views/Home.js';

 const AppNavigator = createStackNavigator(
 {
BlogsRT: {
  screen: Blogs
},
HomeRT: {
  screen: Home
},
SignupRT:{
screen: Signup
} ,
LoginRT:{
screen: Login
},
},
{
initialRouteName: 'HomeRT'
}
);

const MyRoutes = createAppContainer(AppNavigator);
 export default class App extends React.Component …
Run Code Online (Sandbox Code Playgroud)

nav react-native

0
推荐指数
1
解决办法
115
查看次数

Html5 <nav>标签使用

我们可以在HTML 5中使用<nav>标记与其余<header>标记吗?

html5 nav

-2
推荐指数
1
解决办法
4529
查看次数

在mouseout后保持子菜单处于活动状态

当用户将鼠标悬停在水平菜单上时,如何保持子菜单打开,直到另一个菜单项悬停在上面?这是源代码:

HTML

 <ul id="nav">
   <li><a href="/">Home</a></li>
   <li><a href="#">my Links</a>
     <ul>
       <li><a href="Link1">Link 1</a></li>
       <li><a href="Link2">Link 2</a></li>
     </ul>
   </li>
 </ul>    
Run Code Online (Sandbox Code Playgroud)

CSS

#nav {
    width:100%;
    margin:0;
    padding:12px 0 4px 0;
    height:30px;
    position:relative;
}
#nav li {
    float:left;
    list-style:none;
    display:inline
}
#nav a {
    text-decoration:none;
}
#nav li ul li a {
    margin:0
}
#nav .active a, #nav li:hover>a {
    background:#ac2024;
    color:#fff;
}
#nav li a:hover, #nav ul a:hover {
    background:#ac2024;
    color:#fff
}
#nav ul {
    position:absolute;
    left:0;
    height:27px;
    width:100%;
    display:none;
}
#nav …
Run Code Online (Sandbox Code Playgroud)

html css menu hover nav

-12
推荐指数
1
解决办法
1549
查看次数