спецсимволы html на смартфоне
 

привет!
пилю домашний плеер для ты на распберри, делаю "пульт управления" на веб, для смартфона.

На кнопках располагаю коды html-символов, например, ◄.
На ПК все смотрится нормально, на смартфоне треугольника влево нет.
Почему?

[img]http://joxi.ru/LVm670vszejw2Z.jpg[/img]

Во первых в HTML "спецсимволов" НЕТ!
Там есть escape-последовательности - это последовательность символов которая интерпретируется как КОД определенного символа. И уже потом ОС в зависимости от подключенного Шрифта показывает графическое изображение этого символа.
В данном случае на ПК ОС Windows сопоставляет Ваш код #9668 с символом ◄ так, как данный символ присутствует в Таблице Символов.

Чтобы различные значки Правильно отображались на всех устройствах и при разных кодировках, лучше использовать не Символы, а их Картинки (графическое изображение).
Или в стилях страницы подключать Шрифт в котором присутствуют все Ваши "спецсимволы".

2-AlexIT >вы попистеть сюда зашли, или у вас есть конкретный ответ на конкретный вопрос, кэп?)

[url]http://htmlbook.ru/samhtml/tekst/spetssimvoly[/url]

Вроде бы уважаемый ресурс, а такая оплошность - назвать escape-последовптельности спецсивломами. Нигде счастья нет, везде неучи и дилетанты, правда?

4-Фанат NASCAR >Извините, но если & nbsp; (я пишу & отдельно иначе Вы увидите простой пробел) для Вас это Спецсимвол, а не последовательность символов?
Тогда не надо мерить всех по себе - Учите Информатику!
Говорить с Вами о том что в разных Кодировках одному и тому же числу присвоены разные символы - Бесполезно (это выше вашего понимания реальности)!
Компьютер не понимает Символы он понимает только Числа. По этому каждому Символу присвоено число. И именно это число Вы пытаетесь передать с помощью escape-последовательности &# 9668 Компьютеру и Смартфону. Но кто Вам сказал что и у Компа и Смартфона одинаковые Таблицы символов. И на смартфоне 9668 = ◄
Ваши стрелочки - Это ПСЕВДОГРАФИКА. и они в разных Таблицах могут соответствовать разным Числам.
Символы с кодом 0...128 как правило совпадают, а вот дальше все зависит от Кодировки!
Плюс существуют еще Шрифты - которые и отвечают за то как выглядит Символ на экране. И если там что то НИ так нарисовали то и Символ будет НЕ тот.
По этому в HTML и используют не псевдографику, а тег <img /> для отображения разных Стрелочек.
Во первых не надо заморачиваться с кодировкой, во вторых на любых устройствах и ОС будет выглядеть как НАДО.
Но лично Вы множите поискать Число которое при любой кодировке и в любой ОС будет соответствовать вашим стрелочкам. & #58 & #41 = :)

Кстати специально для Вас [url]http://www.lexium.ru/2009/05/343/[/url]

5-AlexIT >как пафосно то)
Боюсь, на уроках информатики я преподавал взамен учителя - учиться дальше было некуда)
Давайте завязывать, очень длинные у вас опусы, мешают вопросу в сабже.

Я знаю 3 варианта решения:
- как уже выше сказали, использовать картинку
- через CSS рисовать, как правый бордер жирный одной из сторон "точки"
- таскать с собой шрифт содержащий данный символ и конечно его выставлять в css для этой кнопки

7-Фанат NASCAR >Это не пафос, а Основы всей Цифровой техники. Но Вы считаете что учится вам больше некуда и по этому даже не можете понять отличие в записях &amp;nbsp; &amp;#32; &amp;#x20; , а ведь это один и тот же символ ПРОБЕЛ.
А для того чтобы понять в чем именно у вас ГЛЮК достаточно было открыть эту страницу на вашем смартфоне.
Если Ваша стрелочка на ней Видна - Ищите косяк в вашей CSSке!
А если ее НЕТ - Тогда ищите свой Символ в Таблице символов, но не по Коду, а по Имени (как пробел = nbsp).
Но если Вы верстаки решили не слушаться умных людей, то вот Вам Бог в помощь [url]http://www.comp23.ru/code_simvolov.html[/url]
Своял тут за 15 минут, на простом JS тупой цикл для просмотра Символов - Смотрите на Любом компе, смартфоне и в любом Браузере!

[quote=AlexIT;41361237]Своял тут за 15 минут, на простом JS тупой цикл для просмотра Символов - Смотрите на Любом компе, смартфоне и в любом Браузере![/quote]
Уже есть специальный сайт [url]http://unicode-table.com/ru/[/url] :)

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

Проверил у себя в телефоне стрелки [url]http://unicode-table.com/ru/sets/arrows-symbols/[/url] - в firefox и гугл хром нормально отображаются все символы.

10-Искусственный Интеллект1 >А вот и не Угадали!
На том сайте Куча этих Треугольников! Например 9204, а на самом деле там и близко его НЕТ = ⏴

12-Искусственный Интеллект1 >Там код символа & #9664; а не & #9668; - Она меньше!
[url]http://www.comp23.ru/code_simvolov.html[/url] внизу страницы есть поле ввода - введите число 9650 и видны все Треугольники!

13-AlexIT > я привел ссылку не на [url]http://unicode-table.com/ru/23F4/[/url] а на диапазон
[url]http://unicode-table.com/ru/sets/arrows-symbols/[/url]
к примеру [url]http://unicode-table.com/ru/25C0/[/url]
И также не путайте, в html-коде символа число указывается в десятичной системе, в юникоде - шестнадцатеричной. К примеру, для указанной мной стрелочки html-код ◀ в юникоде 25C0.

заменил браузер код :) с пробелом в коде
html-код &# 9664;

15-Искусственный Интеллект1 > - :)
Число - ОНО и в АФРИКЕ = число, хоть в шестнадцатеричной хоть в десятичной, хоть в двоичной!
25C0 = 9664 в десятичной, а запись &# 9664; и есть указатель на десятичную систему. Для шестнадцатеричной используется &# x25C0;
Но мне кажется у автора проблема в Другом. Он похоже со стилями Перемудрил.
Если внимательно посмотреть на фото - то виден черный Фон и белый Цвет надписей под Кнопками.
А теперь представьте что мы поменяли Фон кнопки а Цвет поменять Забыли.
Если Автор (как сейчас модно) для Мобильников стили пишет ОТДЕЛЬНО - То забыть про Цвет, вполне Реально.
Или просто допустить ошибку в описании стиля (забыть ; или : ).
Эффект будет тот же - На компе все НОРМАЛЬНО, на смартфоне Белый на Белом (ничего не видно).

9-AlexIT >Уважаемый, не стоит обвинять кого то в чем то, не обладая фактами, только лишь на основе своих влажных фантазий.
Уверен, я использовал escape-последовательности, когда вы еще не знали о существовании html.

И, повторюсь - поменьше пафоса. Называть Основами Информатики можно операции сдвига, примеры решения на основе прочих байт/бит операций, в конце концов - какие либо решения на базе языков программирования.
Но никак не язык форматирования и разметки, коим и является html.

Вопрос задан просто и по русски - ПОЧЕМУ?
Меня не интересуют ваши узколобые предположения и попытки учить меня как делать.
Первый <img я на клавиатуре набрал 18 лет назад. И с тех пор набирал их десятки тысяч раз.

Так что попрошу внимательнее читать вопрос и не засирать тему гоаном. Спасибо.

17-AlexIT >со стилями все в порядке, он един для всех input button.

Использовались различные браузеры, смартфоны и даже font-family.
Ничего не меняется.

[url]http://www.comp23.ru/code_simvolov.html[/url]

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

Очень не хочется прицеплять изображения, разве что засовывать их в css, в data:image.

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

ПОЧЕМУ - Символа НЕТ Я подробно описал еще в 5 посте! Просто производители ПО не всегда соблюдают все Стандарты.
Что делать - Самый простой вариант Загружать Шрифт в котором все эти Символы ЕСТЬ!
Найти Код символа в Шрифте можно также с помощью [url]http://www.comp23.ru/code_simvolov.html[/url]
Сохраняем Страницу как html, удаляем из нее Яндекс Счетчик (чтобы он не мешал запуску страницы), прописываем Стиль для body, вот и Все - дальше ищем знакомые БУКОВКИ нажатием кнопки Вперед.
Скрипт прекрасно работает локально в Хроме и Опере, в Explorer нужно разрешить выполнение сценария!

Вот например так [url]http://www.comp23.ru/code_simvolov1.html[/url] проверяйте Смартфоны!
Я просто подключил Шрифт содержащий символы Юникода на страницу.
Кстати Код Стрелочки там #9664 а не #9668 как в Windows!
Вот вам и весь Ответ - ПОЧЕМУ!

22-Фанат NASCAR >Спасибо за Извинения!
Но если бы Вы меньше ОБИЖАЛИСЬ и по внимательнее читали посты - То проблему могли бы решить еще Вчера!
О том что Таблицы символов Могут не соответствовать Я говорил вам с самого начала! И об подключении Шрифта -тоже.

[img]http://i76.fastpic.ru/big/2016/0210/5e/38fdea0844a05a5e381536b4ce75505e.png[/img]

>Код Стрелочки там #9664 а не #9668 как в Windows!
Проверю, спасибо. Если так, то дерьмово, придется загонять в css.

А в низу ввести 9650 и нажать Вперед - Слабо!

Да уже, глаза-яица)
Сверю с пк-шными браузерами попозжа

Таблицы можно сравнить и найти Общие Стрелочки
Windows = [url]http://www.comp23.ru/code_simvolov.html[/url]
FreeSerif= [url]http://www.comp23.ru/code_simvolov1.html[/url]

Да и вообще можно просто в Стиле левой кнопки развернуть Текст на 180 градусов и вписать правую Стрелочку.

Вот пара #9654 и #9664 в Таблицах совпадают - только у Windows они меньше!

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

Хотя распберри в качестве медиаплеера сетевого и локального - очень интересная мысль. При наличии удобного интерфейса конечно.

Если онлайн-сервис будет наХаляву, то спрос Будет!
Только не долго - заБанят как и халявные порталы с фильмами, и очень Быстро :)

34-AlexIT >нахаляву конечно
банить особо не за что, там только база со ссылками, пополняемая юзерами, и актуальная за счет голосований (хорошее - плохое).
Да и немного будет знающих, клиент только для распберри.