草庐IT

Nav-pills

全部标签

html - Bootstrap HTML 验证器警告 : Element nav does not need a role attribute

我在索引中插入了一个菜单:但是当我尝试验证它(在本地)时,validator.w3告诉我:Warning:Elementnavdoesnotneedaroleattribute.我找不到解决方案,有人可以帮助我吗? 最佳答案 删除role="navigation".元素已经具有用于导航的语义。您不需要使用role添加它们属性。说“此导航元素用于导航”是多余且愚蠢的。 关于html-BootstrapHTML验证器警告:Elementnavdoesnotneedaroleattribute

html - 语义 HTML : Should I use the <nav> tag for a tag cloud?

我现在正在整理我的博客-其中包括一个标签云,让人们可以按主题浏览我正在考虑将标签云链接包装在中标记,因为这些是技术上导航链接。别人怎么看? 最佳答案 W3C定义是“nav元素表示链接到其他页面或页面内部分的页面部分:带有导航链接的部分。”然后注释“并非页面上的所有链接组都需要在nav元素中——该元素主要用于包含主要导航block的部分。”在我看来,标签云更类似于搜索查询的结果(绝对不是导航block),而不是定义明确的导航元素。所以:我不会。 关于html-语义HTML:ShouldIu

html - <nav> 标签应该在 <main> 标签之外吗?

我的问题专门针对语义HTML5。如果主导航在设计上不是标题的一部分,但仍然是站点范围的,那么它应该嵌套在中吗?标签?W3C规范说明了标签:"Themaincontentofthebodyofadocumentorapplication.Themaincontentareaconsistsofcontentthatisdirectlyrelatedtoorexpandsuponthecentraltopicofadocumentorcentralfunctionalityofanapplication."对我来说,这表明我应该将外面像这样:[...][...][...][...]我还认为

html - 在带有搜索表单元素的 HTML5 中语义使用 <nav>

W3C对的定义似乎有点模糊标签:Thenavelementrepresentsasectionofapagethatlinkstootherpagesortopartswithinthepage:asectionwithnavigationlinks.Notallgroupsoflinksonapageneedtobeinanavelement—theelementisprimarilyintendedforsectionsthatconsistofmajornavigationblocks.Inparticular,itiscommonforfooterstohaveashortli

html - 您可以在 HTML 5 文档中拥有任意数量的 <nav> 吗?

我喜欢HTML5标准中的新标签。我可以多次使用它们吗?点赞3标签,或两个标签,我可以发明像这样的新标签吗??在xhtml中我有:...所以我可以做类似的事情:have's?-->...? 最佳答案 元素在html5spec中定义,但是元素不是。您可以使用尽可能多的您可以随意添加元素(只要它们不嵌套),但您必须提供其他元素的DTD,并希望您的用户使用的浏览器足够灵活以接受新元素。我建议不要定义新元素,而只使用现有的语义元素来创建您想要的效果。足够好,如果您将主要内容包装在中,将被视为次要内容,这有效地提示浏览器了解该区域不是页眉、页脚

html - 我应该使用 nav 还是 ul

我正在制作一个导航菜单,我应该使用吗?元素或元素?如果我使用nav我可能需要使用shiv才能跨浏览器工作。如果是这样,使用nav有什么好处?在ul?编辑:我知道你可以放一个ul进入nav我的问题是为什么使用nav有没有? 最佳答案 不要与混淆和.它们都可以一起用于导航菜单。Nav是一个HTML5标签。如果您在HTML5中创建内容,您可以使用因为没有限制,但并非所有浏览器都能正确呈现。HomeNewsContactAboutReadaboutHtml5Ul创建一个无序列表。无序意味着列表中的元素不会以任何特定顺序排列。您可以嵌套ul里

css - 我可以将 HTML 5 <nav> 用于页脚链接,这不是主导航吗?

我可以使用HTML5对于页脚链接,哪个不是主导航?还是应该在一个页面中使用一次? 最佳答案 Notallgroupsoflinksonapageneedtobeinanavelement—onlysectionsthatconsistofmajornavigationblocksareappropriateforthenavelement.Inparticular,itiscommonforfooterstohaveashortlistoflinkstovariouspagesofasite,suchasthetermsofserv

CSS 相邻兄弟选择器、Safari 和 <nav> 元素

在Safari5.1.3中,我刚刚注意到,在编写CSS相邻兄弟选择器(呃+一个)和引用时元素-浏览器无法遵守CSS。所以:h1+p{...}/*worksfine*/h1+p{...}/*worksfine*/和h1+nav{...}/*worksfine*/h1+nav{...}/*but,doesNOTwork*/我已经用其他html5元素(部分、文章、旁白)测试了它们,它们似乎工作正常。直到您将导航元素放入组合中;然后它坏了。这是一个jsfiddle.事实证明这令人沮丧,因为我的RailsAssets打包器正在缩小css并删除不必要的空间。这不是IE7、Firefox、Chrom

jquery - Bootstrap 4 - Nav - 隐藏额外的菜单项

我有一个类似这样的Bootstrap4布局:https://www.codeply.com/go/yLO99L66MD当导航元素太多时,我希望它们被隐藏,所以我添加了这个:nav{overflow:hidden}。这完成了工作,但问题是它也隐藏了我的下拉菜单。如何隐藏额外的菜单项,但仍允许下拉菜单显示可见项?NavbarHome(current)LinkDisabledDropdownActionAnotheractionSomethingelsehereaaaaaaaaaaaaabbbbbbbbbbbccccccccccccccccdddddddddddddeeeeeeeeeeeee

html - 围绕 Bootstrap 3 导航栏使用 NAV 和 DIV 有什么区别?

在最新的Bootstrap3导航栏示例中,我在网络上找到了外部导航栏标记的各种示例...和其他例子正在使用...所有示例都运行正常,文档要求NAV。这让我想知道网络上是否有很多示例是版本2的剩余部分,没有为版本3重写,或者使用任何一个周围标记都可以。Example 最佳答案 是主要导航元素的语义HTML5容器元素。Thenavisablocklevelelementusedtodenoteasectionofmajornavigationallinksonapage.Notalllinksshouldbewrappedwithina