跳过 html 个结束标记
Skipping html closing tags
Google chrome(可能还有所有最新的浏览器)在缺失时自动添加 html 元素的结束标记。
它会自动在父元素的末尾添加结束标记。
示例 1:
<tag1>content1<tag2>content2<tag3>content3
会输出:
<tag1>
content1
<tag2>
content2
<tag3>
content3
</tag3>
</tag2>
</tag1>
示例 2:
<tag1>content1<tag2>content2</tag2><tag3>content3
会输出:
<tag1>
content1
<tag2>
content2
</tag2>
<tag3>
content3
</tag3>
</tag1>
我知道前面的 html 个示例 无效且难以阅读 。但是使用 html 缩小器 移除遵循此规则的结束 html 标记可以减小模板的大小。为什么 html minifier 不使用这个规则?有什么限制吗?
编辑: 上下文:我不是在特别谈论任何名称标签,这就是我在示例中使用 tagX
的原因。例如。使用 angularjs 元素指令
观察力好。 Firefox 已经这样做了很长时间,并且它可以帮助开发人员处理语义。但是我们 运行 进入的问题就是我们刚才提到的。火狐,Chrome。但是 IE 是做什么的呢?还是屏幕阅读器?我知道 Safari 并没有像 FF 和 Chrome 那样做这件事。
这归结为浏览器支持以及对有效 html 达成普遍的全球共识。拥有一个蓝图而不是特定于浏览器的实现意味着我们可以 运行 网络技术更安全地跨越新旧设备,这些设备不会对解析器进行故障保护。
Google chrome(可能还有所有最新的浏览器)在缺失时自动添加 html 元素的结束标记。 它会自动在父元素的末尾添加结束标记。
示例 1:
<tag1>content1<tag2>content2<tag3>content3
会输出:
<tag1>
content1
<tag2>
content2
<tag3>
content3
</tag3>
</tag2>
</tag1>
示例 2:
<tag1>content1<tag2>content2</tag2><tag3>content3
会输出:
<tag1>
content1
<tag2>
content2
</tag2>
<tag3>
content3
</tag3>
</tag1>
我知道前面的 html 个示例 无效且难以阅读 。但是使用 html 缩小器 移除遵循此规则的结束 html 标记可以减小模板的大小。为什么 html minifier 不使用这个规则?有什么限制吗?
编辑: 上下文:我不是在特别谈论任何名称标签,这就是我在示例中使用 tagX
的原因。例如。使用 angularjs 元素指令
观察力好。 Firefox 已经这样做了很长时间,并且它可以帮助开发人员处理语义。但是我们 运行 进入的问题就是我们刚才提到的。火狐,Chrome。但是 IE 是做什么的呢?还是屏幕阅读器?我知道 Safari 并没有像 FF 和 Chrome 那样做这件事。
这归结为浏览器支持以及对有效 html 达成普遍的全球共识。拥有一个蓝图而不是特定于浏览器的实现意味着我们可以 运行 网络技术更安全地跨越新旧设备,这些设备不会对解析器进行故障保护。