关于data-toggle和aria-controls等

在模板文件中发现这一段html代码，不太了解具体什么意思，试图理解。

<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true"><i class="feather-edit"></i> 选题</a>

<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  <div class="p-3 w-100">
    <textarea placeholder="想到什么选题就记录下来" class="form-control border-0 p-0 shadow-none" rows="3"> 
   </textarea>
  </div>
</div>

问题：

1. data-toggle是什么？
2. href="#home"会引发另一段代码的显示？
3. role是什么？
4. aria-controls是什么？起什么作用？
5. aria-selected="true"有什么用？如果是false会怎么样？提交表单的时候会被忽略吗？

看了这篇文章，大概对data-toggle有一定的了解。前面一个标签是类似一个导航，后面的<div>是面板，点击a标签的话，会控制div的active属性，从而控制div的显示和不显示，有点类似标签的功能。