刚注意到Twitter上的`<i />`标签,他们是否做到了?

a10*_*10s 2 html css twitter css-sprites

Twitter似乎正在使用<i/>标签来显示来自css精灵的图标.他们只是构成了那个标签,还是我从未听说过的HTML?

无论如何都是绝妙的主意:)

Ste*_*202 8

这是常规的斜体标签,但没有任何内容; 即它在语义上等同于<i></i>.

XML中,空元素在末尾写有额外的斜杠.XHTML是有效的XML.所以<i/>是好的.有关更常见的示例,请考虑例如<br />.

要查看自己<i/>是有效的XHTML标记,请检查XML EmptyElemTag定义或将以下内容传递给W3C验证程序:

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

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title></title>
  </head>
  <body>
    <p><i/></p> <!-- look here -->
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

  正如Toji正确指出的那样,语法差异在某些情况下是相关的.虽然浏览器可能不会有<i/>任何不同之处<i></i>,但其他XML解析器也可以!

  • 不,它不相同!在许多情况下,它们将被视为相同,因此在功能上*大部分时间都相同.任何体面的XML解析器都允许您检测空元素(<tag />)和具有0长度内容(<tag> </ tag>)的元素之间的差异,此时实现可能会以不同方式对待它们.仅仅因为大多数并不表示它们是相同的.很抱歉有点关于技术性问题,但应该做出区分! (2认同)

Dav*_*vid 7

这是斜体标签.

  • 我认为问题是它是如何合法的无内容标签 - 看起来它不是任何文本的斜体. (2认同)