Я нашел следующий HTML кодЧто означает этот HTML-код?
<i data-toggle="tooltip" class="icon-ok-sign" data-original-title="File not detected"></i>
Почему они используют < я >?
Как добраться до значка «значок-ok-sign»?
Как узнать путь значка в меню браузера Chrome «Проверить элемент»?
В качестве основы они используют bootstap.
Bootstrap включает в себя набор значков, называемый глификонами. Это спрайт-файл и имеет следующие значки: http://twitter.github.io/bootstrap/base-css.html#icons.
На этом сайте они используют значок шрифт, популярная Font Awesome.
Иконки в шрифте, а не как изображения, которое имеет много преимуществ.
Причина, по которой они используют тег i, заключается в том, что Bootstrap решает использовать это для представления значка. Лично мне это не очень нравится - i = курсив, но, с другой стороны, его чисто стилистический тег и на самом деле не используется. (em следует использовать для выделения, а не i).
Материал всплывающей подсказки также из Bootstrap, а документация - here.
Я разделяю ваше отвращение к этому повреждению тега 'i', но я должен не согласиться с тем, что' i' на самом деле не используется. Да, 'em' следует использовать для акцента, но' i' является семантически правильным тегом для использования для элементов, которые еще не выделены, но требуют выделения курсива, таких как названия книг, фразы на иностранных языках и т. Д. –
Как получить путь для значок «icon-ok-sign»? Есть ли ссылка на https://www.virustotal.com/static/font/fontawesome-webfont.woff?v=3.1.0 в файле html или css? – Codr
Да, https://www.virustotal.com/static/css/bootstrap.css - это CSS, поиск удивительного, и вы его найдете. Нет пути для изображения, поскольку он не один. Дерек - 'i' - неправильный тег, но я могу понять, почему они его выбрали. Фактически вы можете использовать значки на любом теге без изменений - лично я использую 'span', где они используют' i'. –
Что делает этот HTML-код * do *, вероятно, более уместным. – ChiefTwoPencils
выглядит как подсказка Bootstraps: http://twitter.github.io/bootstrap/javascript.html#tooltips –
Пожалуйста, проверьте это - http://twitter.github.io/bootstrap/base-css.html#icons – jQuery00