可以使用<span />关闭范围吗?

42 html css layout

<span class="drop" />
Run Code Online (Sandbox Code Playgroud)

HTML跨度可以像这样关闭吗?

wsa*_*lle 41

这是否有效取决于您的doctype,主要取决于您是否使用XHTML或HTML.

使用XHTML时,所有主流浏览器都支持自闭项标签,例如您提供的示例.以下示例为例,这是有效的,因为我指定页面使用XHTML(换句话说,HTML是有效的XML).

更新:根据以下非常好的评论,如果mime类型是text/xml或者application/xhtml+xml,浏览器将只正确解释所有自闭标签,或者在此处查看详细信息.对于作为text/html(绝大多数)的页面,请此处查看可以自动关闭的标签.

此示例将验证:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <h2>Will test page</h2>
    <p>some stuff <span class="drop" /></p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

但是,此示例无效,因为我已将doctype切换为HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <h2>Will test page</h2>
    <p>some stuff <span class="drop" /></p>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

一些有用的参考:

  • "在指定XHTML的doctype时,所有主流浏览器都会支持自闭项标签,例如您提供的示例." 完全错了.验证者会接受它,但浏览器不会.浏览器要求页面提供XML内容类型,然后才能支持这样的自闭标签. (3认同)
  • 正如@Alochi所说,HTML可能是有效的(这很可爱),但如果浏览器不支持它有什么用呢?看看这个例子:http://jsbin.com/ujayu3/2.根据你的回答,没有什么应该是红色的.实际上,浏览器的行为就像跨度未关闭一样; (2认同)

Kob*_*obi 12

不,所有浏览器都不支持此功能.
这是divs的一个例子:http://jsbin.com/upovu

  • +1这是真正的要点:即使XHTML规范在技术上允许自动关闭标签,如果浏览器不支持它,它几乎不重要.:( (2认同)