跳过html结束标签

时间:2016-07-22 11:51:34

标签: html minify

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元素指令

1 个答案:

答案 0 :(得分:1)

很好的观察。这已经由Firefox完成了很长时间,并且它可以帮助开发人员进行语义学。但我们遇到的问题是我们刚刚提到的问题。 Firefox,Chrome。但IE做什么?还是屏幕阅读器?我知道Safari并没有在FF和Chrome的同级别上做到这一点。

归结为浏览器支持并在有效的html上达成一致的全球共识。拥有蓝图而不是浏览器特定的实现意味着我们可以更安全地运行Web技术,而不是安全解析器的新旧设备。