两个HTML代码的不同之处

[qianleilei]

<!-- code 1 -->
<span><span>hello</span></span>world

<!-- code 2 -->
<span>
<span>nice</span>
</span>world

[romoo]

之前在这里 [1] 看到过某些情况下要符合「结束标签连续化」，也就是 code 1

[1] http://www.zhangxinxu.com/wordpress/2011/03/displayinline-blocktext-alignjustify%E4%B8%8B%E5%88%97%E8%A1%A8%E7%9A%84%E4%B8%A4%E7%AB%AF%E5%AF%B9%E9%BD%90%E5%B8%83%E5%B1%80/

[darcy]

用JS打印一下节点树就明白了

[qianleilei]

@romoo 是不是inline元素就不应该回车换行。换行的字符导致HTML输出一个空格。

[qianleilei]

@darcy 这个方法也不错。一开始一直找不到原因，后来发现是换行惹得祸。

[romoo]

@qianleilei inline 元素最好写在一行，参考 Google 代码规范：http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml?showone=General_formatting#General_formatting

[qianleilei]

@romoo Google代码规范木有写到inline element应该在一行。囧。Google的规范的确不错。有些规范Google也没有执行。比如省略元素标签。。 ^_^ Thanks.