html - 为什么canvas等HTML5标签不是单标签？

Question

我发现HTML5中的很多标签，比如Canvas和progress标签都是多标签

<canvas></canvas>

<progress></progress>

他们不能像这样工作得很好吗:

<canvas/>

<progress/>

它们是多标签只是为了在它们不工作时保存一些东西来显示吗？

Answer 1

对于 <canvas>元素，因此您可以放置​​将显示给尚不支持该元素的浏览器的内容:

<canvas id="example" width="200" height="200">
This text is displayed if your browser does not support HTML5 Canvas.
</canvas>

对于 <progress>元素它允许您控制进度文本的显示:

<section>
 <h2>Task Progress</h2>
 <p>Progress: <progress id="p" max=100><span>0</span>%</progress></p>
 <script>
  var progressBar = document.getElementById('p');
  function updateProgress(newValue) {
    progressBar.value = newValue;
    progressBar.getElementsByTagName('span')[0].textContent = newValue;
  }
 </script>
</section>