我是这个“语义标记”的新手。但我不知道这是否正确。简而言之,在这种情况下,我不知道何时使用 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) 关于<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) 我有一个带有一些标签的侧边导航栏
<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 中声明了我的路由。
我是本机反应的新手。我想创建导航栏/可折叠下拉菜单,其中应包含主页、博客、注册、登录按钮/链接。单击该按钮时,它应该导航到相应的页面。
应用程序.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) 当用户将鼠标悬停在水平菜单上时,如何保持子菜单打开,直到另一个菜单项悬停在上面?这是源代码:
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) nav ×6
html ×3
angular ×1
css ×1
hover ×1
html-lists ×1
html5 ×1
menu ×1
react-native ×1
tags ×1