Question

我意识到HTML5中的许多标签，如 Canvas 和进度标签都是多标签

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

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

1 个答案: