Какие символы можно использовать для отображения треугольников вверх/вниз (стрелка без стержня) в HTML?

Если вам нужны символы стрелок в Юникоде, вот несколько из них:

• ▲ - U+25B2 ЧЕРНЫЙ ВЕРХНИЙ ТРЕУГОЛЬНИК
• ▼ - U+25BC ЧЕРНЫЙ НИЖНИЙ ТРЕУГОЛЬНИК
• ▴ - U+25B4 МАЛЕНЬКИЙ ЧЕРНЫЙ ВЕРХНИЙ ТРЕУГОЛЬНИК
• ▾ - U+25BE МАЛЕНЬКИЙ ЧЕРНЫЙ НИЖНИЙ ТРЕУГОЛЬНИК

Для символов ▲ и ▼ вы можете использовать ▲ и ▼ соответственно, если не можете включить символы Юникода напрямую (рекомендуется использовать UTF-8!).

Обратите внимание, что поддержка шрифта для меньших версий не так хороша. Лучше использовать большие версии в меньшем размере шрифта.

Больше информации о Юникодных стрелках можно найти по ссылкам:

• http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode
• http://en.wikipedia.org/wiki/Geometric_Shapes

Напоследок, обратите внимание, что эти стрелки не являются ASCII, включая ↑ и ↓: они являются символами Юникода.

Для представления HTML-сущностей используйте следующие коды:

• Для символа «◄» (стрелка влево) используйте: ◄
• Для символа «►» (стрелка вправо) используйте: ►
• Для символа «▼» (стрелка вниз) используйте: ▼
• Для символа «▲» (стрелка вверх) используйте: ▲

Эти коды можно вставлять в HTML для правильного отображения соответствующих символов.

Если вы используете стрелки для переключателя, стоит рассмотреть возможность создания этих стрелок с помощью HTML-элемента, используя следующие стили вместо юникодных символов:

.upparrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   border-bottom-color: #000;
}

.downarrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
   border-top-color: #000;
}

Таким образом, вы создадите стрелки, которые будут более гибкими в использовании и стилизации. Вот пример реализации: jsFiddle.

Многие здесь предлагают использовать треугольники, но иногда нужен именно шеврон.

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

В итоге мы использовали ﹀. Это символ, известный как "Форма представления для вертикального углового скобки вправо" (PRESENTATION FORM FOR VERTICAL RIGHT ANGLE BRACKET), и его код — U+FE40.

Для отображения пустых треугольников в HTML вы можете использовать следующие HTML-сущности:

• Левый пустой треугольник: ◁ — код: ◁
• Правый пустой треугольник: ▷ — код: ▷
• Нижний пустой треугольник: ▽ — код: ▽
• Верхний пустой треугольник: △ — код: △

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

<span>&#9665;</span>

Это обеспечит корректное отображение треугольников в браузерах.