2013-02-11 2 views
8

Сначала этот вопрос кажется простым, из всех примеров реальной жизни, которые я видел, используется для отображения значков. Например, twitter bootstrap icons.Что такое правильный пример использования html <i>?

Однако, когда я ищу тег в google, школа w3c говорит is for italic text.

Я смущен, если используется для курсивного текста, почему все используют его для значков? Каково правильное использование этого тега?

+1

Как насчет [перехода к источнику] (http://www.w3.org/TR/html-markup/i.html#i)? – Jon

+5

http://w3fools.com – SLaks

+1

Спасибо всем за ответ, так как вы уведомили меня, я понимаю, что для этого уже есть другой вопрос, на который был дан ответ. Поэтому я просто пойду и прочитаю это. Результат, который я ищу, действительно хороший способ представлять значки, так как многие большие имена используют тег вне спецификации, что создает путаницу. –

ответ

5

Он должен быть использован, чтобы сделать текст в стиле наклонным. Большинство семантических применений для курсивного текста - <em>, так как оно поддерживается экранными считывателями для акцента.

<i> и <b> медленно выходят из моды в пользу использования CSS для стилизации текста и сохранение <em> и <strong> по причинам доступности.

Я думаю, что он был выбран для значков, поскольку он является ближайшим элементом и делает буквенный смысл (то есть i = значок).

+0

Во время недавних исследований я также узнал, что использование значков - плохая идея. HTML должен содержать меньше не смыслового содержимого и значков, являющихся его частью. Следует использовать псевдо-элементы css для отображения значков, когда это возможно. –

2
<i> was the old way to make text italic in HTML. 

Тега теперь был пересмотрен в HTML5, и я считаю, TwitterBootstrap просто использовал это соглашение для иконок, но это, безусловно, не является стандартным способом сделать значки.

http://w3.org/International/questions/qa-b-and-i-tags

+3

В какой спецификации устарел элемент i? – Quentin

+0

http://www.w3.org/International/questions/qa-b-and-i-tags - в то время как это не объясняет состояние устарело, я считаю, что теги не должны использоваться для курсива, тем более, что спецификация HTML 5 переопределил значение

2

Поскольку HTML стал извращенным на протяжении веков.

Официальное «правильное использование» в HTML 4.01 для курсивного текста.

1

Тэги <i>: discouraged, поскольку он не содержит семантических указаний около , почему текст выделен курсивом.

Для отображения курсивного текста необходимо использовать тег <em>. (Или другой тег с соответствующим семантическим значением, в сочетании с CSS)

Совсем недавно люди начали использовать <i> тегов для иконок, потому что i означает значка.