html - 可以使用 <span/> 关闭跨度吗?

标签 html css layout

<span class="drop" />

HTML span 可以这样关闭吗?

最佳答案

这是否有效取决于您的 doctype ,基本上无论您使用的是 XHTML 还是 HTML。

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

更新:根据下面非常好的评论,如果 mime 类型是 text/xmlapplication/,浏览器将只正确解释所有自关闭标签xhtml+xml,参见here了解详情。对于作为 text/html(绝大多数)的页面,请参阅 here这里是可以自闭的标签。

这个例子将验证:

<!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>

但是,这个例子是无效的,因为我已经将文档类型切换为 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>

一些有用的引用:

关于html - 可以使用 <span/> 关闭跨度吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2816833/

相关文章:

javascript - 表单验证逻辑 Vanilla JS

css - IE不显示页边距

css - 从内联 CSS 中删除特定规则

html - 如何让banner图片全长延伸,logo居中?

xml - 如何在 Android 的 Button 上垂直居中 drawableTop 和文本?

html - 我需要在没有 CSS 或 JS 的情况下将文本放在图像之上

html - 如何将按钮和搜索栏彼此对齐

javascript - 将输入字段与模式匹配

php - 用php填充表格

javascript - 更改样式以在 JavaScript 中按元素执行的唯一方法是什么?