tire_pic

Применение разного рода черточек в тексте на сайте, как оказывается, несет на себе не только синтаксическую нагрузку, но и ошибки типографики и веб-дизайна.  Даже я, пишу этот текст и делаю ошибки. :/

Существуют 9 разных черточек, которые применяются каждая в своем случае.

1. Начнем с той черточки, которая есть у нас у всех на клавиатуре. Которая находится правее от «0» (нуля). Она называется дефисоминус. Странное название, разработчики не могли определится то ли это дефис, то ли это минус :)

Применяют его, когда нет возможности использовать настоящий дефис или минус. В нашем случае, всегда. Вот и применяем.

2. Дефис. Это символ U+2010, ‐. Применяют как соединительная черта между словами (например, как-то так, светло-бежевый и тд.)

3. Минус. Используется в математических формулах. Имеет такую же ширину, что и цифра. Записывается в Html как &minus.

4. Цифровая черточка. Применяется как разделитель между цифрами в номере телефоне. Имеет код U+2012 и ‒.

5. Мягкий дефис, символ переноса. Применяется для обозначения места, где возможен перенос на следующую строку. На экране с лове он не отображается, а работает при окончании строки и дает понимание как перенести то или иное слово. Код — ­.

6. Черточка. Черточка как маркер списка.

7. Короткое тире. Код –, набор клавиш Аlt + 0150. Ставиться в цифровых интервалах (например, температурный интервал 25-27)

8. Длинное тире. Код —, набор клавиш Аlt + 0151. Ставится в предложениях между словами. Выделяется с двух сторон пробелом.

9. Горизонтальная черта. Код ―. Применяется для отображение диалогов.

Теперь всё в табличку.

Знак Код Название
дефисоминус
‐ дефис
− минус
‒ цифровая чёрточка
­ символ переноса
⁃ чёрточка
– короткое тире
— длинное тире
― горизонтальная черта

А теперь самое интересное.

Всегда применяйте цифровую черточку в номерах телефонах и не ставьте пробелы. Цифры таким образом не переносятся на другую строку и так можно обезопасить себя такого глупого промаха.
Всегда в цифрах используйте минус.

Все остальное на усмотрение веб-дизайнера. Главное, что бы смотрелось приятно.

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

 

 

vasikaruВеб-дизайнКонтентПродвижение сайтавеб-дизайн,контент,типографикаПрименение разного рода черточек в тексте на сайте, как оказывается, несет на себе не только синтаксическую нагрузку, но и ошибки типографики и веб-дизайна.  Даже я, пишу этот текст и делаю ошибки. :/ Существуют 9 разных черточек, которые применяются каждая в своем случае. 1. Начнем с той черточки, которая есть у нас...Создание сайтов, продвижение сайтов, seo, юзабилити