一份全面的前端开发规范手册
12 回复
简单的看了下，提出几点疑问： 2.1 标签 1
自闭合（self-closing）标签，无需闭合 ( 例如： img input br hr 等 )；
有的编辑器会在做语法检查的时候报错，就是因为闭合标签，比如在用 jshint 检查 jsx 的时候。
2
<!-- Not recommended -->
<div class="j-hook left contentWrapper"></div>
<!-- Recommended -->
<div id="j-hook" class="sidebar content-wrapper"></div>
在写js的时候需要添加一些代码块，那个时候写代码就变成了
var str = "<div class='aaa'></div>";
如果属性多了简直不能看。
3 嵌套
a 不允许嵌套 div这种约束属于语义嵌套约束，与之区别的约束还有严格嵌套约束，比如a 不允许嵌套 a
a嵌套DIV为什么不可以？在有些场景的时候，非常好用啊，而且只是一个标签而已。
规范只为了统一和优化
1、jsx 不太熟悉，应该不算是 HTML 标签？
2、不是很明白，但上述的意思，主要是语义化和规范 class 命名
3、语义嵌套上不允许，并不是严格嵌套约束。如果是 <p> 里就不能包含 <div>，就算严格嵌套约束。另外用 <a> 嵌套 <div> 的方案，可以用 <a>标签绝对定位，填充整个 <div> 的方式实现，满足语义和严格嵌套。
