为什么canvas和其他HTML5标签不是单个标签？

Question

我已经意识到，在HTML5许多标记，如帆布和进步标签是多标签

<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>