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 minifier 删除此规则后的关闭html标记可能会减少模板的大小。为什么不使用此规则的html minifier?有一些限制吗?
编辑: 上下文:我不是特别谈论任何名称标签,这就是我在我的示例中使用tagX
的原因。例如。使用angularjs元素指令
答案 0 :(得分:1)
很好的观察。这已经由Firefox完成了很长时间,并且它可以帮助开发人员进行语义学。但我们遇到的问题是我们刚刚提到的问题。 Firefox,Chrome。但IE做什么?还是屏幕阅读器?我知道Safari并没有在FF和Chrome的同级别上做到这一点。
归结为浏览器支持并在有效的html上达成一致的全球共识。拥有蓝图而不是浏览器特定的实现意味着我们可以更安全地运行Web技术,而不是安全解析器的新旧设备。