TEDtalk
/
week2.html


<!DOCTYPE html>
<html lang="en">

  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title></title>
  <meta name="description" content="">

  <link rel="stylesheet" href="/assets/main.css">
  <link rel="canonical" href="/week2%20%E6%95%B0%E5%AD%97%E5%B1%91.html">
  <link rel="alternate" type="application/rss+xml" title="" href="/feed.xml">


</head>


  <body>

    <header class="site-header" role="banner">

  <div class="wrapper">


    <a class="site-title" href="/"></a>


      <nav class="site-nav">
        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
        <label for="nav-trigger">
          <span class="menu-icon">
            <svg viewBox="0 0 18 15" width="18px" height="15px">
              <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
              <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
              <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
            </svg>
          </span>
        </label>

        <div class="trigger">


            <a class="page-link" href="/README.en.html">TED_科技娱乐与教育</a>


            <a class="page-link" href="/week6%20%E5%B0%8F%E4%BA%8B%E4%BB%B6%E5%BC%95%E5%8F%91%E5%A4%A7%E6%94%B9%E5%8F%98.html">小事件引发互联网世界的大改变</a>


            <a class="page-link" href="/week8%20%E5%B9%BD%E9%BB%98%E4%B8%8E%E8%AE%BE%E8%AE%A1.html">幽默与设计</a>


            <a class="page-link" href="/">TED_科技娱乐与教育</a>


        </div>
      </nav>

  </div>
</header>


    <main class="page-content" aria-label="Content">
      <div class="wrapper">
        <article class="post">

  <header class="post-header">
    <h1 class="post-title"></h1>
  </header>

  <div class="post-content">
    <blockquote>
  <h3 id="影片观点提取">影片观点提取：</h3>
  <ol>
    <li>说服架构</li>
  </ol>
</blockquote>

<p><table border="1">
<tr>
  <td>community</td>
  <td>capacity</td>
  <td>crumbs</td>
</tr>
</table> </p>

<ol>
  <li>借助外部方式解决问题。</li>
  <li>区块链改变金钱与贸易</li>
</ol>

<blockquote>
  <h3 id="关键词提取-">关键词提取 ：</h3>
  <p><code class="highlighter-rouge">数字面包屑 digital crumbs</code>、 <code class="highlighter-rouge">面包屑导航 breadcrumbs</code>、<code class="highlighter-rouge">足迹 footprints</code> <code class="highlighter-rouge">区块链 blockchain</code></p>
</blockquote>

<ul>
  <li>
    <h3 id="什么是面包屑导航">什么是面包屑导航：</h3>
  </li>
</ul>

<p>面包屑导航（Breadcrumbs）是一种基于网站层次信息的显示方式。</p>

<ul>
  <li>
    <h3 id="面包屑导航的适用范围">面包屑导航的适用范围：</h3>
  </li>
</ul>

<p>虽然眼下很多网站都流行使用面包屑导航，但是并不是所有的网站都适用。层级较深的网站，面包屑导航适合层级较深的网站，如果只有一级分类的话，通过主导航就可以起到快速定位的作用。比如“豆瓣网”类型扁平构架的网站就没有使用面包屑导航。</p>

<ul>
  <li>
    <h3 id="面包屑导航的作用">面包屑导航的作用：</h3>
  </li>
</ul>

<p>列表文本面包屑导航的作用是告诉访问者他们目前在网站中的位置以及如何返回。</p>

<ul>
  <li>
    <h3 id="面包屑导航的体验情况">面包屑导航的体验情况：</h3>
  </li>
</ul>

<p>面包屑导航无疑给网民带来了便利，一定程度上提高了用户对某网站的用户体验。但是在移动端上运用面包屑导航用户体验就不那么尽人意了。面包屑导航在移动端的体验并不好，尤其是在层级比较复杂的网站中。而且，你会发现在在移动端上设计面包屑导航会遇到很多问题。因此，你需要尽可能地简化你的网站结构，如果简化之后仍较为复杂，那么最好就不要用面包屑导航，毕竟它不是主要功能。</p>

<ul>
  <li>
    <h3 id="如何把数字面包屑运营得更合理">如何把数字面包屑运营得更合理：</h3>
  </li>
</ul>

<p>因此我们在制作网站时要“对症下药”，经过深思熟虑后选择适用于自己网站的运营手段，提高用户体验。</p>

<p>以上为我对所以网站是否应该运用“面包屑导航”的看法。
 <a href="http://www.runoob.com/bootstrap/bootstrap-breadcrumbs.html">附 在网络上找到的面包屑导航菜鸟教程</a></p>

<hr />
<p>2019.3.7</p>

  </div>

</article>

      </div>
    </main>

    <footer class="site-footer">

  <div class="wrapper">

    <h2 class="footer-heading"></h2>

    <div class="footer-col-wrapper">
      <div class="footer-col footer-col-1">
        <ul class="contact-list">
          <li>


            </li>

        </ul>
      </div>

      <div class="footer-col footer-col-2">
        <ul class="social-media-list">


        </ul>
      </div>

      <div class="footer-col footer-col-3">
        <p></p>
      </div>
    </div>

  </div>

</footer>


  </body>

</html>