Почему холст и другие теги 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>