为什么 canvas 不是一个自我闭合的 HTML5 标签

在对一个页面进行 debug 的时候,我发现 Firefox 将</div>标签显示为红色,如图所示

解决这个问题的方法很明显,就是缺少<div>,但是我网上检查代码发现并不缺少没有闭合的<div>,其实问题出在这一行
<canvas id=”pdf15″ width=”1053″ height=”813″ />

虽然这里的 canvas 标签没有任何内容,但是由于 canvas 的工作原理,我们不能像 <img> 或者 <br> 那样写成自我闭合的 <canvas/> 标签。

canvas 标签需要独立的闭合标签的原因是,假如用户的浏览器不支持 canvas 标签,canvas 显示的内容将被放入标签内。修改代码如下

问题解决!
 
原文链接http://www.jpedal.org/PDFblog/2012/07/why-canvas-is-not-a-self-closing-html5-tag/,OSChina.NET 编译