专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-马鞍山上往建站

发表日期： 2022-07-02 11:58:24 浏览次数：25

网站建设.png

1、网页中的文字说明
文字是判断关键词最直接的因素。我们的文字分为标题、说明，这些文字中就包含了关键词。所以文字是判断网页关键词最明显的方法。

2、网页上的图像
百度识图能找到和图片相关的信息。所以图片也是判断网页和关键词是否相关的因素之一。

3、网站的页面
从网站首页到网站内页，我们说的是网站有页面。百度是按照文字和图片来判定一个网页和这个关键词相关的，所以我们网站的设计布局的时候就要规划好哪些信息可以让搜索引擎读取。

4、网站的连接
我们网站中的文章都是有连接的，我们的文章标题或者链接中都可以带有关键词

下拉菜单

导航菜单与下拉菜单使用相似的语法。默认情况下，列表项的锚与一些数据属性协同合作来触发带有 .dropdown-menu class 的无序列表。

带有下拉菜单的标签

向标签添加下拉菜单的步骤如下：

以一个带有 class .nav 的无序列表开始。
添加 class .nav-tabs。
添加带有 .dropdown-menu class 的无序列表。

实例

<p>带有下拉菜单的标签</p>
  <ul class="nav nav-tabs">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">SVN</a></li>
    <li><a href="#">iOS</a></li>
    <li><a href="#">VB.Net</a></li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        Java <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
        <li><a href="#">Swing</a></li>
        <li><a href="#">jMeter</a></li>
        <li><a href="#">EJB</a></li>
        <li class="divider"></li>
        <li><a href="#">分离的链接</a></li>
      </ul>
    </li>
    <li><a href="#">PHP</a></li>
  </ul>

尝试一下 »

结果如下所示：

带有下拉菜单的胶囊

步骤与创建带有下拉菜单的标签相同，只是需要把 .nav-tabs class 改为 .nav-pills，如下面的实例所示：

实例

<p>带有下拉菜单的胶囊</p>
  <ul class="nav nav-pills">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">SVN</a></li>
    <li><a href="#">iOS</a></li>
    <li><a href="#">VB.Net</a></li>
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        Java <span class="caret"></span>
      </a>
      <ul class="dropdown-menu">
        <li><a href="#">Swing</a></li>
        <li><a href="#">jMeter</a></li>
        <li><a href="#">EJB</a></li>
        <li class="divider"></li>
        <li><a href="#">分离的链接</a></li>
      </ul>
    </li>
    <li><a href="#">PHP</a></li>
  </ul>

尝试一下 »

结果如下所示：

更多导航元素组件实例

标签页与胶囊式标签页

类	描述	实例
.nav nav-tabs	标签页	尝试一下
.nav nav-pills	胶囊式标签页	尝试一下
.nav nav-pills nav-stacked	胶囊式标签页以垂直方向堆叠排列的	尝试一下
.nav-justified	两端对齐的标签页，在大于 768px 的屏幕上，通过 .nav-justified 类可以很容易的让标签页或胶囊式标签呈现出同等宽度。在小屏幕上，导航链接呈现堆叠样式。	尝试一下
.disabled	禁用的标签页	尝试一下
标签添加下拉菜单		尝试一下
带下拉菜单的胶囊式标签页		尝试一下
.tab-content	与 .tab-pane 和 data-toggle="tab" (data-toggle="pill" ) 一同使用, 设置标签页对应的内容随标签的切换而更改	尝试一下
.tab-pane	与 .tab-content 和 data-toggle="tab" (data-toggle="pill")一同使用, 设置标签页对应的内容随标签的切换而更改

专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-马鞍山上往建站

上一页：马鞍山爱采购会员/58同城会员账户/百度竞价开户/百家号注册运营/推广公司网站-网站营销全网推广

下一页：高端！网站定制/设计/优化/二次开发/制作/搭建-马鞍山高端网站建设