我有一个导航栏，当我将doctype从HTML4改为HTML5时，它会给我的导航栏增加大约7个像素的高度。
这是适用于我的代码(doctype xhtml 1.0过渡版)
当我将doctype更改为HTML5时，导航ul栏的高度增加了像素
是什么导致了这个问题，解决这个问题的最好方法是什么？
浏览 1提问于2014-08-01得票数 0
2回答
一个快速问题re: HTML5导航，特别是子导航(从语义的角度来看)。
我在主菜单的标题中有<nav>。在标准页面的左边我有第二层导航，右边第三层导航(不，网站不是我设计的)。有什么我可以做的HTML5/ARIA明智的区分这3个菜单？或者它们都是简单的<nav>块？
我甚至不认为我需要<aside>在左栏或右栏，因为除了这些实际的菜单之外，没有任何额外的信息。
如有任何想法/建议，我们将不胜感激。
浏览 0提问于2011-05-20得票数 11
我正在用HTML/HTML5做一些实用的设计。我正在尝试设计一个导航栏只使用html5 (不是CSS或bootstrap或高级技术)。我想在导航栏中设置菜单。我希望导航栏看起来像中提到的那样(关于每个菜单的大小和它如何覆盖整个页面)。
我在HTML的正文中使用了以下代码：
<td colspan="3" width = 1200>
<nav>
<a href="index.htm">Home</a> |
<a hre
浏览 1提问于2016-07-14得票数 0
我在页面的某些部分使用angularjs，我需要html5模式从url读取参数。问题是，每当我打开html5模式时，简单的静态链接不起作用，导航栏中的url正在改变，但它没有改变页面？有没有办法让简单的html链接在html5模式下工作？
浏览 0提问于2014-02-06得票数 0
我在我正在工作的新网站的导航栏上有个问题。当我使一个镀铬窗口变小，使我的菜单变成肚脐，我无法使肚脐工作。菜单不会出现在点击。我正在努力将html5模板转换为Wordpress模板。导航条正在使用html5模板，所以在为WP编写代码时，我已经做了一些工作来查找导航条。
它是与脚本相关的还是css相关的？实际代码尚未更改。
有人有什么想法吗？
浏览 2提问于2014-01-24得票数 1
回答已采纳
我有一个网站，我在当地工作，其中包含一个固定的导航栏和下面的高度为500px的html5视频元素。导航栏中的菜单项看起来像是字体粗细减小或某种类型的-webkit- font -平滑:问题，但只有当视频滚动经过导航栏时，字体才会恢复到正确的粗细。
这只在chrome中发生，在Safari中也发生过，但设法用font:100%；解决了这个问题。
如有任何帮助或建议，我将不胜感激，因为我整天都在寻找答案。非常感谢。
浏览 1提问于2012-04-05得票数 1
有人能推荐在HTML5 Windows Phone7 Phone gap应用程序中创建固定页脚导航栏的最佳方法吗？
浏览 1提问于2013-08-16得票数 0
2回答
有没有人能推荐在HTML5 Android Phonegap应用程序中创建固定(粘性页脚)页脚导航栏的最佳方法？
干杯保罗
浏览 0提问于2011-11-24得票数 6
回答已采纳
我不想像在linkedin.com上那样做导航栏。我还找到了一些如何用html5实现的教程，但我发现linked in并没有使用HTML5。那么，有人能给我指点一下如何制作这样的酒吧吗？有必要用jQuery制作这样的菜单吗？
浏览 0提问于2011-08-19得票数 2
回答已采纳
1回答
我想把我做的背景图片放在我的导航栏后面，它能响应视窗(当窗口变小时会变小)。图像如下所示：
我想让黑色的带子在导航栏后面，然后让手臂进入下一个部分。我希望下一个p的文本不要过多地绕过手臂，并在其周围对齐。
使用CSS可以做到这一点吗？使用HTML5。
非常感谢
浏览 30提问于2018-01-03得票数 0
回答已采纳
1回答
我刚开始做html5和css，我想做一个简历网站。我已经添加了一个导航栏，但是我不能将它移动到我想要的位置，也不能调整导航栏的大小。 now 像这样的愿望 i wanna HTML代码： Duman <br /><br /><br />
<div="menu">
<ul>
<li><a href="#egitim">Eğitim</a></li>
浏览 25提问于2020-10-21得票数 0
1回答
正在尝试使用CSS3创建垂直导航栏。类似于"Smokey Bones“网站使用的以下示例
但是，我不能使用Wordpress站点或插件。我需要用HTML5/CSS3来做这件事&我可以使用一些javascript。谁知道我在哪里可以找到可用的垂直导航栏？我需要CSS代码。
请注意，简单的垂直链接列表将不起作用。此外，它应该是响应性的。
浏览 21提问于2018-08-05得票数 0
我有一个带有导航栏的html5页面。完全划痕编码。我最近刚在项目中添加了一个doctype，现在我在导航栏下获得了额外的空间。如果我删除doctype声明，它就会恢复正常。我已经完全重置了所有内容的填充、边距等，并将其减少到说明该问题的少量代码。
该页面可在上查看
有人知道为什么声明doctype会影响div的高度吗？
浏览 4提问于2010-06-09得票数 34
回答已采纳
目前我正在用HTML5重新编写我们的网站，它仍然是HTML4.1，并在表格上运行。所以我想把这段时间做得更长。
到目前为止，我一切都很好，标题已经结束，并且显示正确。无论我如何让导航栏和内容正常工作，我都会遇到问题。
THe导航栏在左边，它的宽度是218px，内容在它旁边，需要填满剩下的页面。我尝试了从谷歌得到的不同东西，但从来都不起作用。
这是我们目前的网站：，这是我目前的开发网站：，我们希望保留设计，因为我们喜欢它，我们的客户也喜欢它。
在HTML5和CSS3中，这实际上是可能的吗？还是我是第一个？
浏览 1提问于2013-10-01得票数 0
我能让这些家伙停职吗？我正在使用angular.js在asp.net mvc应用程序，我不需要角控制任何有关地址栏或链接.
现在，在禁用的html5模式($locationProvider.html5Mode(false))中，它将散列和操作方法的名称添加到地址栏中，例如:您转到\Home\index，它导航并将地址栏文本更改为Home\index#\index。这不是很烦人吗？
如果我启用html5模式，它将完全停止加载页面(除了初始值)。我试着从初始加载的页面转到另一个页面--它会更改地址栏的文本(这次不会添加hashtag )，但是不会加载页面本身。这不让人沮丧吗？
浏览 1提问于2013-06-12得票数 5
1回答
我试图通过为我的页面做一个导航栏来练习我的HTML5和CSS3技能，但我遇到了很多麻烦。我正在尝试使用HTML5语义标签来实现它，但是它们都不是我想要的样子，这是一个巨大的定位混乱。有没有人能告诉我怎样才能做一个实用的导航栏？
下面是我的整个导航栏和标题的HTML代码：
body {
margin:0;
}
#nav-plus-head-wrapper {
background: blue;
height: 100px;
position: absolute;
top: 0px;
left:0px;
right:0px;
}
#t
浏览 2提问于2013-08-03得票数 1
2回答
我正在尝试用HTML5中的<nav>制作一个导航栏，只有一个简单的文本和3个链接。这是非常基本的，但是我的链接的文本弄混了，我不知道为什么。
↪
浏览 2提问于2012-10-11得票数 0
回答已采纳
1回答
我知道这个问题听起来很愚蠢，但我是个初学者，所以听我说完就行了。我有一个导航栏与文本，但没有链接(关于，项目，等等，没有网页的用户去)。如何添加页面供用户单击导航栏并转到它们(例如，当用户单击“约”时，他将被转移到我创建的有关页面)。我正在使用HTML5和CSS3。任何帮助都是非常感谢的！
清单代码：
<ul class = "list">
<a href = ""><li>Welcome |</li></a>
<a href = ""&
浏览 4提问于2016-12-17得票数 0
回答已采纳
2回答
我在指令中使用Angular。使用HTML5接口实现拖放。我注意到，当将一个元素拖到浏览器地址栏上时，地址会被该元素的数据重写，并且驱动程序会导航离开我的站点。有没有一种方法可以防止元素被拖到地址栏上，或者限制它的拖拽区域？
浏览 3提问于2015-09-22得票数 2
3回答
我有一个导航栏，上面有3个“项目”。在小屏幕上，这个导航栏变成了一个菜单下拉菜单。在全屏导航栏中，我在"nav-item-1“(项目1)中的边框右边是1px。当边框变成菜单下拉菜单时，如何删除边框？顺便说一句，我正在使用Angular框架和HTML5，SCSS，TypeScript，Bootstrap 4。我在header.html中有这个：
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav col-
浏览 3提问于2020-07-05得票数 0
2回答
我尝试实现一个菜单栏，它不重新加载页面，而是在浏览器中修改url，并使用ajax显示数据。我以某种方式使用HTML5历史api实现了以下目标：
当我在IE9中检查它时，它正在重新加载页面。正如我搜索的那样，它被指定为IE9-不支持html5历史api。但是当我尝试在Google 中使用IE9时，导航菜单获取ajax内容以及更改url。还有什么别的概念可以实现吗？
浏览 3提问于2012-02-22得票数 0
我现在正在开发一个这样的网站：
它的引擎将是magento，但主要问题是UI部分。我知道windowshop是基于flash的。问题是我想粗略地使用带有html5元素的html4构建它。
我找不到一个可以处理我们目录中溢出导航的jquery。我们在顶部导航栏下有11个类别。我不能使用100%的宽度来容纳所有的导航项目，就像在windowshop.com中一样，导航溢出可以侧边滚动。
请在这方面帮帮我。谢谢!
浏览 1提问于2012-10-03得票数 0
8回答
我想在安卓系统上以全屏模式运行我用HTML5编写的网络应用程序。(隐藏状态栏和地址/导航栏)
对于iOS，您只需编写：
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
但这在Android上不起作用。
Javascript有很多解决方案，但我尝试的所有解决方案都不起作用。
有人知道解决方案吗？
浏览 1提问于2011-09-22得票数 44
回答已采纳
1回答
我正在使用HTML5视频播放器播放视频constantly.Every的事情是好的，除了视频导航按钮显示在视频屏幕的最后，只要鼠标光标移动到视频上。我想删除或隐藏它，但不知道怎么做..以下是所用视频的HTML。
<video id='video-player' autoplay="autoplay" loop preload='metadata' controls>
<source src="Video/1.MP4" type="video/mp4">
</video>
请帮我
浏览 0提问于2014-11-10得票数 2
回答已采纳
许多单页面网站都提供了导航功能，可以将文档的当前片段移动到另一个页面。backbonejs：的网站就是一个例子，当你左键点击一个菜单点时，你会在文档中看到这个。另一个例子是easel.io的导航栏：
有没有HTML5应用程序接口可以帮我做到这一点，或者我必须在点击处理程序中使用js？
浏览 0提问于2013-04-24得票数 0
回答已采纳
编辑: JS小提琴链接编辑:我现在可以在移动屏幕上获得一个不可折叠的垂直菜单栏。现在唯一要解决的就是如何让垂直导航栏占据整个手机屏幕。
我正在构建一个简单的HTML5应用程序，其中有一个导航栏，这应该是在桌面浏览器的页面顶部水平显示与其相应的内容。
然而，我希望导航栏在移动浏览器页面上垂直显示，并占据整个屏幕，而不是展开折叠功能或三行(汉堡)菜单项。
我使用以下代码作为起点-
<div class="navbar navbar-default">
<div class="navbar-header">
<button type=
浏览 0提问于2014-04-29得票数 0
我正在启动一个以HTML5BoilerPlate为模板的HTML5移动应用程序，但是我找不到很多关于HTML5移动开发的最佳实践的资源。我正在寻找这样的东西：
在视图之间使用标签栏controllernavigation 导航如何最好地处理内容？(在content div中使用多个div，一次只显示一个div是不是更好?)
事实上，我想了解一些在Google Latitude中做的事情。
对于这些项目，有什么好的初学者指南吗？
浏览 3提问于2011-04-27得票数 5
回答已采纳
在Flash中，我在主时间线上有2帧.第一种是选择一种语言，第二种是包含导航条.这个导航栏是一个包含项目( movieclip )的电影。这些“项目-动作”包含两个框架:每种语言一个。
在导航栏中，我想控制所有的子movieclip，并将它们设置为正确的框架(取决于用户选择了哪种语言)。
我正在使用以下代码(在导航条的时间线内)：
this.item.gotoAndStop("en");
但这是行不通的，这是愚蠢的！
得到这项工作的最佳解决方案是什么？(我不怕在闪存之外编写代码，但我不知道怎么写！)
有什么建议吗？
有时我想更深入地使用…this.navbar.item.chi
浏览 0提问于2014-01-01得票数 3
回答已采纳
2回答
说，最好的标记是在<nav>部分使用rel='up'，但那是在2010年，他说当时还在争论这种方式。使用HTML5标记面包屑导航栏的层次结构的最好方法是什么？以下是Chris的建议：
<nav>
<p>
<a href="/" rel="index up up up">Main</a> >
<a href="/products/" rel="up up">Products</a> >
<
浏览 0提问于2012-06-03得票数 7
回答已采纳
我不是html5的专家，但这就是我正在尝试的
我正在开发这个响应式布局，其中我使用切换来隐藏和显示较小设备的左侧导航。当我第一次从顶部导航栏点击触发器+时，它工作得很好。但是当我通过点击+和改变屏幕方向来隐藏它的时候，我不能再显示左边的导航了。有没有什么建议可以解决呢？对于切换，我做了一个非常简单的JQuery切换，如下所示
var topNavInteractive = $('section nav.navLeft ul');
$('.dropDownTrigger').click(function(){
topNavInteract
浏览 1提问于2013-05-08得票数 0
如何使用Bootstrap同时添加左侧导航栏和顶部导航栏？也许在Bootstrap中同时使用左侧导航栏和顶部导航栏是很糟糕的做法，但是还有什么选择呢？
我已经添加了一个左侧导航栏，但我也想要一个顶部导航栏：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Linkfire translate</title>
<meta na
浏览 23提问于2016-01-25得票数 0
我有一个问题，我的WordPress主题(html5)导航栏不能正确显示网站页面。请在的ChessatmyboarD国际象棋博客中查看此内容
在过去的几天里，我一直在尝试解决这个问题，但到目前为止还没有成功。我查看了TwentyTen默认的WordPress3主题，但我无法使代码适应我的主题。
另一个小问题是，在IE中，我的页脚停留在页面的底部，但在FireFox中，页面底部有一个间隙。
因此，我非常感谢帮助解决这个导航栏WPtheme的问题和任何其他建议，以改善我的新主题。
我期待着有帮助的回复，非常感谢
浏览 0提问于2010-06-28得票数 0
回答已采纳
我已经把一个标志，一个搜索框和一个语言栏放在外面的一排，并坐在引导导航栏的上方。当然，这一行仍然在主容器中，但它包含了我提到的3个元素-3个元素，我的客户和我认为这3个元素独立于导航栏。我们觉得最好不要把这3个东西中的任何一个放在导航栏中。如下例所示：
由于我是bootstrap框架的新手，我发现虽然我可以在自己编写的html5中复制上述内容，并使用自己的媒体查询，但我无法使用bootstrap代码来实现。
我想我可能把事情变得过于复杂了，或者只是在引导css文件中找不到要编辑的正确代码部分。
我所追求的是，搜索栏和语言栏可以并排显示，但一旦我们的搜索结果低于992px，这两个栏就应该保持垂
浏览 3提问于2015-03-26得票数 0
2回答
我已经用Jquery和HTML5创建了一个导航栏，出于可用性的考虑，我决定直接在HTML中获取一个变量，就像这样
<nav class="mainNav" breakpoint="768">
我发现需要在我的自定义属性前添加"data-“。所以问题是，像这样处理是否有效，XHTML/XML有问题吗？如果XHTML/XML无效会有问题吗？
谢谢。
浏览 1提问于2015-03-08得票数 1
几年前，我用html和相框创建了网站。现在我可以看到所有的现代页面都在使用html5和css (div)。我已经知道如何做一个好的网站设计，但我是挣扎在一个网站的导航。
假设我有一个带有2 div的网站index.html (div导航和div内容)。
当我单击菜单栏(div导航)中的链接时，href是另一个.html文件。前面的例子我有一个指向about.html的链接。
about.html是index.html的副本，只是div内容中的另一个文本吗？菜单又建好了吗？
这意味着，对于每个方面，我必须复制index.html并重写div内容部分。而div导航部分总是一样的吗？
我真的很想让菜
浏览 1提问于2015-08-23得票数 0
回答已采纳
如何将html5视频拉伸到宽度为600，高度为200？
当我尝试时，导航栏的大小增加了，但视频仍然很小
代码：
<!DOCTYPE html>
<html>
<body>
<video width="600" height="200" controls>
<source src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
Your browser does not supp
浏览 5提问于2013-03-21得票数 2
2回答
我正在创建一个网站包括导航栏只使用前端code...html，css和脚本。但是我想通过一个已经创建的html文件在每一页中添加导航栏。
我使用的是不推荐框架集标记的HTML5。那么，在没有其他后端代码的情况下，我可以使用哪种技术将该html文件添加到另一个后端代码中呢？谢谢。
<frameset rows="200,*" frameborder="no" border="0" id="container" scrolling="yes">
<frame src="nav.html
浏览 2提问于2014-03-27得票数 0
回答已采纳
1回答
平滑缩放移动div元素
、、、、
我有一个网页，在那里我用显示了一些转换成HTML5的PDF。
在同一页中，我创建了一个导航栏。如果我使用移动设备，并且我使用按压缩放手势进行缩放，则设备会将缩放应用于包含导航栏的所有元素。
我只想让html-pdf的内容在移动设备上可以通过按压缩放来缩放。我将内容包装在一个id为" content -container“的div中，并尝试了一些JS库，如 (结果移动性能很差)和，但我无法理解。
我查看了网站，它有一些固定的元素和可缩放的内容。
有没有人实现了这个功能，效果很好？
谢谢。
浏览 2提问于2015-11-02得票数 2
我正在开发一个在线多人移动web应用程序，它100%从Meteor服务器在浏览器中运行(这是一个为我学习新技术而做的演示)。这基本上只是一个带有触摸/拖动事件的单页面html5应用程序卡游戏。
所有我真正需要的是一个网页视图，以删除地址栏和导航栏，PhoneGap是不是有点过火了？(我以前从未使用过移动web视图或PhoneGap )。我将主要针对iOS和安卓系统。
浏览 1提问于2012-11-16得票数 1
回答已采纳
有人有一个工作的例子布局与要求在标题中？我还需要一个主要的导航与<nav>，这是全球使用的电话，平板电脑和桌面。
布局应该使用下列HTML5元素：
<nav> for the Main Navigation
<header> for Title, Logos, Burger-Menue-Button
<main> for the main Content
<footer> for Footer Content
断点是：
从0px到599 0px的电话
从600 to到1023 to
桌面所有ViewPorts，最低为102
浏览 2提问于2017-05-18得票数 0
我试图显示一个向左打开的导航栏下拉菜单，但它一直向右打开。我的下拉列表位于导航栏的最右侧，当我打开它时，它会在布局之外的右侧打开。
我已经尝试了"pull-right“和"pull-left”解决方案，但都没有效果。"dropdown-menu-right“和"dropdown-menu-left”解决方案也不起作用。
html5
<ul className="nav navbar-nav navbar-right">
<li className="nav-item dropdown"&g
浏览 34提问于2019-07-13得票数 0
回答已采纳
不久前，我写了一个网站，它做事情的方式有点混乱。我使用了这个和这个。我没有一个而是两个容器div，我不记得他们在做什么。这似乎令人不满意。因此，我正在考虑从头开始重组这个东西，并可能使用更“语义”的html5标记，如<nav>等等。我想知道我今天是否可以做一些CSS3类型的事情来改进代码。
问题是:是否有更好的方法来实现具有这些属性的站点结构：
两个等高栏:一个导航侧边栏，一个主要内容栏(宽度作为可用房地产的百分比，未明确说明)
一个页眉和页脚元素，它扩展了两个主要列的全部宽度。
它允许使用语义html5标记而不是几个无意义的容器div。
浏览 3提问于2011-02-02得票数 3
回答已采纳
1回答
这个问题与另一个问题完全相同：，但解决方案相当稀疏。为什么我的嵌套菜单在我把光标移到它们之前就消失了，除非我移动得非常快？只在IE中发生(我检查了8和9)。
我试过的是：
IE9支持HTML5，我已经在文档的顶部声明了它(好吧，低于一个php块)，所以它不是那样的。我尝试过将嵌套的ul li a稍微高一点，这样它们就会重叠一点(这样就不会有间隙)，但是它并没有修复它。要查看它过去的样子和它的行为，请点击导航栏中的"blog“。它仍然使用图片而不是在导航栏中的文本。
网站是
浏览 1提问于2014-05-23得票数 0
回答已采纳
1回答
所以我已经通读了我能找到的与导航栏问题相关的主题，但没有一个对我有帮助。
我有一个HTML5导航栏，我想让它有一个悬停的颜色。我以为我做的代码是对的，但是当我悬停的时候我什么都没有得到...
HTML：
<nav id="mainnav">
<ul>
<li><a href="index.html" class="thispage">home</a></li>
<li><a href="#">abou
浏览 0提问于2015-10-25得票数 0
1回答
我有一个很大的老网站，多年来一直在增长，叫做。几乎所有页面都验证为HTML5。
现在，谷歌开始抱怨它对移动设备不友好。我可以添加"meta name=viewport“业务，我知道我需要将宽度更改为%而不是像素，但最困扰我的是导航。
我一直在Medialoot和Lisa Catalano上读到关于制作手机友好的CSS导航栏的文章，但他们给出的例子只有几页。如果我像他们建议的那样在小屏幕上以垂直列表的形式显示导航，我的70+导航链接将永远存在。我发现的所有使网站适应移动设备的例子都不包括有大量内容和页面的网站。
致以亲切问候-大卫
浏览 0提问于2015-03-11得票数 0
我试着从urls中删除#。
使用带有Using或href属性导航的链接可以正常工作，但是直接访问同一个url，或者刷新页面或按enter键进入浏览器的url栏，我得到404找不到错误。
我启用了html5模式：
$locationProvider.html5Mode(true);
在包含前在头中添加基本标记：
<base href="/folder/" />
以下是.htaccess文件内容(从复制)：
RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_F
浏览 0提问于2016-03-16得票数 2
回答已采纳
1回答
所以我正在做一个网站，我有一个导航栏使用HTML5导航标签：
<nav class="contact">
<a href="#"><img src="images/twitter_icon.png"></a>
<a href="#"><img src="images/insta_icon.png"></a>
<a hre
浏览 4提问于2015-07-22得票数 0
回答已采纳
1回答
我正在尝试找出在哪里使用新的HTML5标签最好……但根据我所读到的，我的网站似乎没有真正的应用程序。不确定是不是很糟糕...
对于图像共享网站，比如，在哪里使用<header> <main> <section> <article> <aside> <dialog> or <nav>是合适的。
我什么时候使用main标签？顶端的栏会是页眉吗？(它没有文档的标题，也没有导航链接，更像是一个菜单)
浏览 4提问于2015-05-30得票数 0
我是HTML5的新手(对.net或C#等编程语言了解不多)。但我正在学习，并对此存有疑问。希望你能帮助我。
例如，我是否可以为导航条形码、帖子网格等创建单独的文件，然后创建一个调用它们的页面，就像.net中的类一样？
我不知道我是不是说清楚了，但原因是:我希望能够单独编辑一个带有导航栏的文件，然后编辑另一个带有页脚的文件，一个更新所有页面。而不使用iFrame。
谢谢
浏览 0提问于2017-03-16得票数 0
1回答
在我的网站上，左边有一个导航栏。当我单击这些链接时，它们会更改页面上的#container div，但不会通过ajax更改其他内容。我想放回和前进按钮，这将使#container div在状态中后退和前进。我读到history.js是最好的解决方案，我查看了html5历史应用程序接口，但我不知道如何解决我的问题。另外，我该如何实现刷新按钮呢？
浏览 0提问于2012-04-15得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
