标记空元素的最佳方法是什么?

时间:2013-01-08 20:12:39

标签: javascript semantic-web semantic-markup xhtml

让我们说一个空的div或span将由JavaScript用来添加内容,如

<div id='id'></div>

在语义上它是错误的,因为它不能为空(我忘记了当下的原因)。我们当时使用

<div id='id'>&nbsp;</div>

直到,如果,JavaScript发挥其魔力。

但我也不喜欢它,因为那里没有真正的空间。我会做

<div id='id' />

但是self closing tags解释了它的问题。

还有其他我想不到的解决方案吗?或者是&amp; NBSP;真的最好吗?

请注意,这是关于HTML文档,而不是浏览器呈现的方式。对于浏览器,我们只是将其设置为不渲染,然后用JS显示它。

编辑:是的,div在语义上是错误的。这意味着要有一些内容,否则它在语义上是无用的。 Eric Meyer CSS Diagnostic说出来。如果我理解错了,而不是否定我,请教我......

2 个答案:

答案 0 :(得分:5)

语义错误?为什么? DIV并不意味着什么。空H1在语义上是错误的,但不是DIV。

答案 1 :(得分:1)

如果架构允许

<span /> is equivalent to <span></span>
only in XML documents (read xhtml in your case)

第二

<span /> is as empty as <span></span> is

因为在两种情况下childNodes的长度都是0

你需要&nbsp;因为什么?