Просто заметил тэг `<i />` в Твиттере, они это придумали? - PullRequest
Новая
       11

Просто заметил тэг `<i />` в Твиттере, они это придумали?

2 голосов
/ 30 октября 2009

Twitter, похоже, использует тег <i/> для отображения своих иконок из спрайта css. Они только что создали этот тег, или это HTML, о котором я никогда не слышал?

Гениальная идея в любом случае:)

Ответы [ 6 ]

8 голосов
/ 30 октября 2009

Это обычный тег курсива, но без содержания; то есть семантически эквивалентно <i></i>. & dagger;

В XML пустые элементы пишутся с дополнительной косой чертой в конце. XHTML является допустимым XML. Так что <i/> в порядке. Для более распространенного примера, например, <br />.

Чтобы убедиться, что <i/> является допустимым тегом XHTML, проверьте XML EmptyElemTag определение или передайте следующее в 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>

& dagger; Как правильно указывает Toji , синтаксическая разница актуальна при определенных обстоятельствах. Хотя браузеры могут не обрабатывать <i/> в отличие от <i></i>, другие парсеры XML могут!

7 голосов
/ 30 октября 2009

Это тег курсива.

2 голосов
/ 19 апреля 2012

с использованием i вместо span может сэкономить несколько байтов

2 голосов
/ 30 октября 2009

Я видел, как люди используют пустые ориентированные на стиль элементы (например, <i/>, <b/>) в качестве хуков для дополнительного оформления для виджетов пользовательского интерфейса, которые повторно используются во всем сайте. OOCSS делает это . Например, базовая структура модуля определяется как 

<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, но это интересно использовать эти теги, независимо от того.

2 голосов
/ 30 октября 2009
0 голосов
/ 30 октября 2009

Вероятно, они используют это для уменьшения полезной нагрузки HTTP, то есть стоимости полосы пропускания.

...