<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>路径导航breadcrumb</title>
<!--
breadcrumb(约定俗成,且可被搜索引擎爬到)
suriouc: "汉赛尔和格莱特" ===> <格林童话>
很久很久以前，在大森林的边上住着一个贫穷的樵夫，他与妻子和两个孩子相依为命。
他的儿子名叫汉赛尔，女儿名叫格莱特。
后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。
汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。在去森林的路上，汉赛尔悄悄地捏碎了他的面包，并不时地停下脚步，把碎面包屑撒在路上。
后母顺利地趁孩子们睡着的时候溜掉了，汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说：“等太阳一出来，我们就看得见我撒在地上的面包屑了，它一定会指给我们回家的路。”
但是当太阳升起来时，他们在地上却怎么也找不到一点面包屑了，原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了，兄妹俩在森林中迷了路。
不停的寻路，让他们饥饿难忍，腿脚无力，来到了一个用面包做屋顶，糖果做窗户的小屋。饥饿让他们忘记了疲惫，及潜在的危险，啃起了屋子。
结果在巫婆的诱骗下，哥哥被锁屋中，妹妹被迫做劳力，就在巫婆要吃掉哥哥之时，妹妹借向巫婆学习添柴之机。将巫婆推入炉中，兄妹俩带着巫婆的财宝，回到了家中。
后母己经去世，兄妹俩和父亲一起过上了幸福的生活。
-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<ol class="breadcrumb">
<!-- breadcrumb路径导航使用ol块,li做子路径. -->
<li><a href="javascript:;">HOME</a></li>
<li><a href="javascript:;">CONTENT</a></li>
<li class="active">GOODS</li>
<!-- 路径导航的设置:当前路径下为active,且不需要a链接;
向上路径需要a链接用于快速切换.
-->
</ol>
</div>
</div>
</body>
</html>
