<div class="main-left">
    <h1 class="logo"></h1>
    <div id="sidebar-nav" class="sidebar-nav"></div>
  </div>

是页面布局中可展开的菜单这方面的，但是为什么跟网上的都不一样？

和csdn论坛结构左边差不多一个意思，你去看论坛就知道

这段代码中 只有结构 没有内容

  <div class="main-left">
    <h1 class="logo"></h1>
    <div id="sidebar-nav" class="sidebar-nav"></div>
  </div> 这段代码没有多大的意义，主要只是定义id和class的值，你应该得发css样式的代码 如.main-left{align:left;}这样的

把三个class和一个id的值列出来，列出css里对这些的定义，光看这个没意义

应该有单独引用的样式表或者js的吧

和网上的有啥不一样的？

左侧，图标，导航，没法解释了

一般和教程完全相同的不多，不要纠结于一不一样，要看这样做的原因和好处，这里都是在CSS定义的样式，需要找到对应的CSS文件看看main-left、logo都是怎么写的。