一些BOOTSTRAP的问题

老师好，有几个点不是很明白，劳烦老师帮忙解惑

<1>不是特别清楚nav和navbar的区别，视频中用的是nav标签，而class则标明navbar，是不是这里的nav其实没有什么作用，而class才真正决定了他的真实控件？那这里的nav我写成<div>是不是也可以呢？

<div class="navbar">

<2>navbar-header和navbar-brand是不是只是为了可读？这里是不是没有必要表明这两个class呢？如果有必要表明，这里的目的是什么呢，产生什么效果呢？

用标签承载的目的又是什么呢，我不用a标签的话会怎么样？这只是一种规范还是必要的操作？

<3>为什么我引入的图片就不可以显示呢？jpg和png的都不可以，我是在linux下面用wine装的webstotm，不知道这有没有影响。

还有我的webstorm还不可以现实汉字，否则是乱码，不知道老师可不可以帮我一下。

<4>如果我不关系障碍人士的阅读，是不是可以不加role和aria-*？

<5>不是很理解data-toggle，网上也没有搜到很明白的解释，老师说这是把他作为按钮来对待，还是不是特别理解，老师能不能多解释一下呢？

如果方便，还请老师依次解答，谢谢老师了

• 1.nav是一个元素，而navbar是一个class，元素的样式主要看class，当然，nav也是选择器可以直接选择的元素

  2.navbar-header和navbar-brand是有实在意义额，对效果会产生影响，都有一个float:left的属性

  3.关于引入图片问题，请把您的代码贴出来，我们再看

  4.第四点你说的是对了，至少目前应用范围是这样，当谁知道以后搜索引擎或者其他工具不把他当作依据呢

  5.下面是一段关于data的资料，供你参考下，data确实是个非常了不起的功能，给我们很多的方便

  Data 属性

  你可以仅仅通过data属性API就能使用所有Bootstrap中的插件，而且不用写一行JavaScript代码。这是Bootstrap中的一等API，并且是你的首选方式。

  特殊情况是，在某些情况下可能需要特意禁用这种默认动作。因此，我们特地提供了禁用data属性API的方式，通过解除绑定在body上的被命名为`'data-api'`的事件即可实现。如下所示：

  $('body').off('.data-api')

  还可以解除特定插件的事件绑定，只要将插件名和data-api链接在一起作为参数使用。如下所示：

  $('body').off('.alert.data-api')

  编程API

  我们同时为所有Bootstrap插件提供了JavaScript API。所有公开的API都可以单独或链式调用，均返回其所操作的集合（和jQuery的API一致）。

  $(".btn.danger").button("toggle").addClass("fat")

  所有方法均可接受一个可选的参数对象、一个对此方法有特定意义的字符串或者什么也不传（即用默认参数初始化此插件）：

  $("#myModal").modal() // initialized with defaults

  $("#myModal").modal({ keyboard: false }) // initialized with no keyboard

  $("#myModal").modal('show') // initializes and invokes show immediately

  每个插件都通过`Constructor` 属性暴露了其原始的构造函数：$.fn.popover.Constructor。如果你想获得某个特定插件的实例，可以直接从页面元素中获取：$('[rel=popover]').data('popover').