6 に答える
That's the regular italics tag, but without any contents; i.e. it's semantically equivalent to <i></i>
.†
In XML, empty elements are written with an extra slash at the end. XHTML is valid XML. So <i/>
is fine. For a more common example, think of e.g. <br />
.
To see for yourself that <i/>
is a valid XHTML tag, check the XML EmptyElemTag
definition or pass the following to the W3C validator:
<!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>
† As Toji correctly points out, the syntactic difference is relevant under certain circumstances. Though browsers may not treat <i/>
any different from <i></i>
, other XML parsers could!
それがイタリック体のタグです。
i
代わりに使用すると、span
一部のバイトを節約できます
いいえ、彼らはそれを補いませんでした。
サイト全体で再利用される UI ウィジェットの追加のスタイル設定のフックとして 、スタイル指向の空の要素 ( <i/>
、 など) を使用する人を見てきました。OOCSS はこれを行います。たとえば、基本モジュールの構造は次のように定義されます。<b/>
<div class="mod">
<b class="top"><b class="tl"></b><b class="tr"></b></b>
<div class="inner">
<div class="bd">
<p>Lorem ipsum.</p>
</div>
</div>
<b class="bottom"><b class="bl"></b><b class="br"></b></b>
</div>
次に、CSS (およびモジュールを使用するコンテキスト) に応じて、これらの空<b />
の要素は、境界線の画像などを追加するためのスタイルを受け取るか、スタイルをまったく受けず、ページに影響を与えない場合があります。
あなたが言及しているタグを見つけることができなかったので、これが Twitter が行っていることかどうかはわかりませんが、これらのタグの興味深い使用方法は関係ありません。
彼らはおそらくそれを使ってHTTPペイロード、つまり帯域幅のコストを削減しています。