应使用什么语义 HTML 标记来创建面包屑?

2023-11-25

应该使用什么有意义的 HTML 标签来创建面包屑?我有一个使用未排序列表创建的菜单栏,因为它是一个列表:

<ul id="navigation">              
    <li><%= Html.ActionLink("Home", "Index", "Home") %></li>
    <li><%= Html.ActionLink("Contacts", "Index", "Contacts") %></li>
</ul>

现在,我决定在菜单下方放置一个面包屑,问题是,我不知道应该使用什么标签。我想尽可能使用有意义的标签。请帮我...


有很多方法可以标记面包屑。一个清单就好了。有序列表更适合面包屑,因为它is按特定顺序排列的链接列表。

如果您不想使用列表,则可以将它们作为一组链接保留在div。尽管如果您使用的是 HTML5,您可能希望将它们放在nav元素。

最后,HTML5 规范建议使用p元素,因为它们可以被理解为一段关于如何到达特定页面的指导。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

应使用什么语义 HTML 标记来创建面包屑? 的相关文章

  • 分页后重新显示当前标题

    我正在使用 Wea syPrint 创建文档 我有一些带有名称的部分 其中一些可能跨越多个页面 当节太长时 就会出现分页符 我想做的是重新显示当前部分的名称 最好使用相同的格式 以下 MWE 显示了分页符后如何不显示节标题 h1 First
  • 如何使用 jQuery 在悬停元素旁边显示一个 div?

    假设我有severaldiv 像这样 EDIT div class ProfilePic a href img src lib css img profile pic1 png alt class ProfilePicImg a div c
  • 有没有办法强制浏览器刷新/下载图像?

    我遇到一个问题 用户报告他们的图像没有上传 而旧图像仍然存在 仔细检查后 新图像就在那里 它们只是与旧图像具有相同的名称 我在上传时所做的是出于搜索引擎优化的目的重命名图像 当他们删除图像时 旧索引变得可用并被重用 因此它具有相同的图像名称
  • 从 PDF 转换为 HTML [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 错误:Phonegap 中的白名单拒绝

    我是移动开发新手 我正在使用 Phonegap Cordova 创建跨平台应用程序 我的代码在 Android 上运行良好 但当我将其移植到 iPhone 时 它 显示错误 143 2003 ERROR whitelist rejectio
  • 桌子高度如何固定?

    我想将表格高度固定为 600px 即使内容很长 尝试将表格包裹在一个div标签 并设置 CSS 属性div像这样 div tablewrapper height 600px overflow y auto 如果表格的高度超过 600 像素
  • 链接到页面上的不同区域

    这似乎是一个愚蠢的问题 但是 所以我想做的是设置一个菜单部分 这样当用户单击该部分的标题时 它会将他们发送到页面上的特定位置 而无需向下滚动 我不完全确定这将如何运作或实现起来有多复杂 所以基本上我会 Menu 第一项 作为链接 第二项 作
  • 如何使用 jquery 规则验证我在文本框中输入的年份?

    我有一个 HTML 文本框
  • 自定义标签...为什么不呢?

    我找到了一个网站 其中包含向 html 添加自定义标签的指南 就像人们让 ie 使用新的 HTML5 标签一样 我必须承认 我认为添加我自己的标签会很棒 这样可以更轻松地 扫描 代码并找到您要查找的内容 但我发现的每个网站 人们都说它不好
  • 如何使用 Bootstrap 选项卡?

    我试图了解如何做到这一点 http getbootstrap com javascript tabs http getbootstrap com javascript tabs 我认为文档不够详细 因为我无法理解它是如何工作的 div cl
  • 当 Flexbox 项目以列模式换行时,容器不会增加其宽度

    我正在研究一个嵌套的弹性盒布局 它应该按如下方式工作 最外层 ul main 是一个水平列表 当向其中添加更多项目时 该列表必须向右扩展 如果它变得太大 应该有一个水平滚动条 main display flex flex direction
  • Flexbox 未将内容垂直居中

    所以我尝试使用 Flexbox 将我的名字放在屏幕中间 在浏览了许多教程之后 他们说我需要完成此操作的唯一代码是 div display flex flex direction column justify content center a
  • 类名中的方括号是什么意思?

    I saw here http www position absolute com articles jquery form validator because form validation is a mess 类名中使用的方括号
  • 确定是否单击了 Google Chrome 打印预览中的打印/取消按钮

    我一直在使用下面的代码打印我的页面 window print 下图是 Google Chrome 浏览器中的打印预览的样子 它有两个主要按钮 print and cancel 我想知道用户是否点击了print or cancel纽扣 我所做
  • Font Awesome 5 - 动画齿轮,如何排列不同的图标?

    我正在尝试以一种非常特殊的方式排列字体真棒动画齿轮 如下图所示 我已经创建了一个我似乎能够得到的最接近的小提琴 小提琴在这里https jsfiddle net rke45798 13 https jsfiddle net rke45798
  • 如何并排展开和折叠三个div?

    document ready function toggle click function if this data name show sidebar animate width 10 hide map animate width 89
  • HTML 和 BeautifulSoup:当结构事先不知道时如何迭代解析?

    我从一个简单的 HTML 结构开始 如下所示 感谢 alecxe 的帮助 我能够创建这个 JSON 字典 u Outer List u Inner List u info 1 u info 2 u info 3 使用他的代码 from bs
  • 使用 JS 从列表中删除最近的 元素的 URL

    所以我有一个网址列表 并且有删除按钮 图像按钮 当点击删除按钮时 按钮旁边的 url 必须从列表中删除 let list const remove document getElementById remove const view docu
  • 如何使用 CSS3 更改图像的颜色?

    这有效 a color hsla 0 100 50 0 2 这并不 img color hsla 0 100 50 0 2 有没有类似的东西img opacity 1 允许定义图像的 hsl 值 文本和图像是两个不同的东西 文本由浏览器根据
  • jQuery - 将日期选择器的容器设置为特定的 div

    我在 div 上使用 jQuery UI 日期选择器 div通过移动鼠标隐藏和显示 因为日期选择器存在于末尾标签 不在我的 div 内 当我将鼠标移动到日期选择器时 div 消失 我像这样加载了日期选择器 JavaScript dt1 da

随机推荐