web启蒙----面包屑？

今天学习中，在jsp代码中，有这样一句代码：

您的当前位置：其他功能 > 练习测试

因为是菜鸟小白，只能依靠百度了，查到以下内容：

• 在菜鸟教程中----div

标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。

• 在DIVCSS5网站----class

在div、span、p标签、h1、h2等标签中看见id和class使用，id和class是非常常用的标签内属性。

而现在代码中有class的使用

id和class都可以在网页中任何标签内使用。一般比较重要的部分、比较特别的盒子使用id，而小局部不重要的或小结构使用class。id调用css中以“#”井号命名的样式选择器，class调用css中以“.”英文半角小写句号命名的样式选择器。

• breadcrumb----面包屑导航

Bootstrap 面包屑导航（Breadcrumbs） 面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。以博客为例，面包屑导航可以显示发布日期、类别或标签。它们表示当前页面在导航层次结构内的位置。 Bootstrap 中的面包屑导航（Breadcrumbs）是一个简单的带有 .breadcrumb class 的无序列表。分隔符会通过 CSS（bootstrap.min.css）中下面所示的 class 自动被添加:

.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}

下面的实例演示了面包屑导航：

   
   
   
   




  
Home
  
2013
  
十一月

结果如下所示：

• Bootstrap简介

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

Bootstrap教程： http://outofmemory.cn/bootstrap/tutorial/bootstrap-intro.html
中文文档： https://v4.bootcss.com/docs/4.0/getting-started/introduction/