草庐IT

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

javascript - Bootstrap Affix Nav 导致下面的div跳起来

我使用Bootstrap的词缀功能创建了一个JSFiddle,当您向下滚动并且标题移出View时,导航会停留在屏幕顶部。我遇到的问题是,当使用纯HTML时,导航下方的文本会跳起来并过早地隐藏在导航后面。查看有问题的代码here.这是我使用的代码:BannerMyBrandThisisanavbar.someloremipsumforscrolling:Loremipsumdolorsitamet,consetetursadipscingelitr,seddiamnonumyeirmodtemporinviduntutlaboreetdoloremagnaaliquyamerat,sed

html - 在 HTML5 中,可以嵌套 NAV 元素吗?

我有一个站点范围的主菜单,我目前正在使用为了。我还有一个子菜单,它就在主导航下方,并且对于站点上的每个产品都是不同的。处理此问题的最佳做法是什么?目前,我有一个单独的在主导航下方。但由于它们都在内在页面的顶部,我正在考虑嵌套反而。这在HTML5中是正确的做法吗? 最佳答案 在那里使用nav是完全可以接受的。您可能还想查看aside是否可以删除,或者查看在nav中使用section标签以更好地划分内容.这又回到了整个语义辩论,我的立场是,如果有道理,就去做。它不需要在语义上100%正确,因为除了查看源代码的人之外没有人知道。