一份全面的前端开发规范手册
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> 的方式实现,满足语义和严格嵌套。