网站建设中的面包屑导航如何设置？

产品页面“商品”改为英文状态下的“{title}”，也就是说把商品的介绍的标题放在了面包屑导航上面了，更有利于搜索引擎的抓取。

文章页里面的“正文”改成英文状态下的“{title}”。也就是说把文章的标题放在了面包屑导航上面，更有利于搜索引擎的抓取。

在网站后台模型里面的代码里面，首页前面添加title=自己网站的名字，就把网站名称放到了面包屑导航上面了，有利于搜索引擎的抓取，在正文中把鼠标放在面包屑导航的首页上面，停留不要点击，会显示网站的名称.

如果你还有关于网站建设的问题，可以关注微信公众号厚昌营销网站建设，后台留言获取实时解答

首先，我们打开自己电脑上的网页编辑器，我以DW软件为例。我们新建一个HTML文档。

然后我们在HTML的body部分开始写我们的代码。面包屑导航是横排的几个文字和图片的组合。

我们可以用ul>li，或者dl>dt>dd来实现。因为这两个都可以横着在一行显示。

我以dl>dt>dd为例。我们在html页面中写入dl和dd标签。这个导航的class我们一般使用breadcrumb，这个比较通用。

我们在dd标签中输入部分文字。按下F12，查看不写样式页面在浏览器中的效果。可以看到不写样式，三段文字是竖着排列的。

我们需要让三个dd标签横着排列，我们在style中将dd标签设为行内元素。默认情况下dd是有margin-left的，我们需要将其设为0；

这样一个简单的面包屑导航就做好了，一般导航是可以点击的链接，我们可以再为其添加上a标签。

---