HTML5 标签推荐不推荐闭合

[sneezry]

HTML5标准允许不闭合标签：

<div>
<p>This is a text

<div>
<p>This is another text

那些自闭合的标签在HTML5之前就可以不闭合了，但是之前w3c会发警告：

<br>
<hr>
<input type="text">
<img src="pic.png">

之前听说HTML5标准推荐不闭合，但是我现在写起来不闭合心里还是不爽，自闭合标签后我都要加上斜线才舒服。

[herozzm]

不爽是暂时的，只是心理不适应而已，我觉得不闭合才是对的，为什么要多那个反斜杠啊

[kokdemo]

@herozzm 闭合的话比较好在编辑器里观察……

[NemoAlex]

推荐不闭合？那嵌套怎么办？

[jimwoo]

我也觉得不闭合会容易读懂一点……
</div>
</div>
</div>
</div>
</div>
</div>

啊呜~~~~~~~~

[imn1]

闭合是标准，或者说是Markup Language的通用标准
不闭合是浏览器支持，因为html5是浏览器商自发（逼宫w3c，w3c原本想以xhtml取代html）形成的，其中最重要一点就是xhtml标准不容错，造成大量手误的网页不能显示，间接造成开发成本倍增，所以html5首先加入了容错（不强制完全安标准）
也因为html5主导者是google为首的浏览器商，所以主流的浏览器基本能容错，别误以为是标准

像你说的例子，是分不清嵌套还是平行的，这种情况容错解析为平行，但如果本意是嵌套就达不到效果了

[jimwoo]

@imn1 貌似不支持空格,自动去掉空格了,所以……变成了所有都是平行了。
但如果
<div>
····<input>
····<p>
<div>
····<button>
这样就清晰了吧!

[airyland]

不闭合，要解决嵌套问题就得强制缩进了吧，那不是变成jade了。。

[hahastudio]

不闭合？
这样，你用不闭合的方式区分一下
<div><div></div><div></div></div>
<div><div><div></div></div></div>
<div></div><div></div><div></div>

这个问题就像是一个语言怎么区分嵌套一样，是 begin/end，还是 {}，还是强制缩进
只不过 html 里面这个就像是不同种类的括号一样 ()[]{}，在一定程度上能够区分

[imn1]

易读和标准还是有区别的，html标准或者说各ml标准印象中都没缩进的提法

记忆中很久以前google在介绍html5有一篇文章，里面说了“可以……这样写，可以……这样写……”之类
但那篇文章更多像是chrome浏览器的功能介绍，说的是能支持html5不闭合
但我不认为那是对html5的标准解释，不知道是否这篇文章被人奉为圣典，“可以”误读变成“推荐”了

[breeswish]

Google 推荐不闭合标签

For file size optimization and scannability purposes, consider omitting optional tags. The HTML5 specification defines what tags can be omitted.

(This approach may require a grace period to be established as a wider guideline as it’s significantly different from what web developers are typically taught. For consistency and simplicity reasons it’s best served omitting all optional tags, not just a selection.)

https://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml#Optional_Tags

[FrankFang128]

我推荐不闭合。
因为它不是 XML！

[FrankFang128]

http://blog.jobbole.com/61514/

[learnshare]

@imn1 +1

成对标签必须按照标准闭合，而且要保证嵌套顺序；非闭合标签可以不闭合。

这个“可以不闭合”的前提是浏览器提供了 *兼容*，就是浏览器允许你犯错。但并不鼓励你犯错。

HTML 5 的语法相对于 XHTML 更加宽容，但绝不是 *允许不闭合* 这种东西。

[zzNucker]

HTML5只是有很强的兼容性。不是说标准是推荐不闭合的。

[breeswish]

@airyland @hahastudio @imn1

HTML5 标准里规定了哪些标签可以不闭合（更精确地说是省略闭合标签），哪些标签可以完全不用写，嵌套会引发问题的标签其实是不允许不闭合的

https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission

[emric]

仅仅是部分标签可以不闭合, 不闭合 DIV 恰好是错示例.

HTML 5 已经整理了一份运行不闭合的名单:
https://html.spec.whatwg.org/multipage/syntax.html#syntax-tag-omission

[emric]

@breeswish 默契... XD

[ivenvd]

写 haml 或者 slim，管它闭不闭合呢。

[imn1]

@breeswish
这篇文章里面指的是“可省略”的标签，不是所有标签
其实html4/4.01就已经有这类可省略标签，因为省略不会产生歧义，例如
option，li，dt……
（上面几个 html4 standard 就说明了是可省略后缀标签了）
之类不会存在嵌套的标签，而且出发点是file size，这个显然是比较久远的思想(但我不是它说过时)

xhml 修改这点，xhtml基于xml，所以也按xml标准执行，xml为了保持数据准确性，是不容错的，这点也是业界共识。但xhtml继承这点让各大浏览器厂商无法接受，因为网页漏掉一个</option>就只出现一个报错页面，整个网页都不显示，几乎所有xhtml制作都必须增加校验的工序，尤其对于一些非技术人员自己写网页发布文章造成很大困扰，有点违背互联网精神……所以各大浏览器厂商自发联合，绕开w3c自己制定推行html5，并且各家浏览器都着手进行技术支持开发，最终迫使w3c接受了该协议。

[66beta]

HTML5可以不闭合，但是“推荐”倒是第一次听说

开发版本不闭合肯定被揍，生产环境可以用gulp跑一下去掉闭合