Что предпочтительный механизм должен использовать значки с названиями кнопок
Я видел следующий отрывок кода UI для использования значков с маркировками
<a href="">
<img alt src="img/save.gif" class="icon">
<span>Save</span>
</a>
ИЛИ
имело бы смысл делать объединение этим в единственный объект (т.е. значок изображения плюс маркировка).
Мое беспокойство - то, если мы выберем другую тему (цветовая схема), то затем я не смогу использовать различные цвета для своих маркировок и, возможно, придется повторно создать изображение. Используя первый подход дает мне гибкость, чтобы сделать так.
2 ответа
Я не знаю ни о макете, ни о цветах, которые вы используете, но вот мои соображения:
Относительное выравнивание между изображением и текстом может быть труднодостижимым (с моим базовым HTML / CSS knowledge), когда у вас есть два отдельно
Вы говорите, что предпочитаете, чтобы они были разделены, потому что вам нужна возможность изменять цвет текста во время «изменения цветовой схемы». Но вы уверены, что не хотите также менять изображения (другой набор иконок)? У вас может быть та же проблема несоответствия цветов. (Вы можете выбрать значки таким образом, чтобы они "соответствовали" всем цветовым схемам вашего сайта, и вы снова можете выбрать цвет ваших ярлыков тем же способом).
Опять же, я не уверен в выборе макета / цветов, поэтому окончательный ответ (как всегда) «зависит от вашего сайта»
Рассмотрите возможность использования гиперссылок для обычных значков ссылок. Например:
html
<a href="files/holidays.pdf">View Holidays</a>
CSS
a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}
Стилизация каждого из них может быть обработана в CSS. Это работает практически для каждого расширения типа файла. Это может не сработать для вашего конкретного примера (нужно посмотреть контекст), но это отличный прием для ссылок на скачивание и т.д.