Специальные символы HTML - «Учебник CSS»
Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Видео уроки
Наш опрос



Наши новости

      
      
  • 24 марта 2016, 16:20
18-03-2016, 14:27
Специальные символы HTML - «Учебник CSS»
Рейтинг:
Категория: Учебник CSS



‘
’
"
”
❝
❞
‹
›
〈
〉
«
»
́
…
—
ⓘ
⁈
§

°
℃
≈
≠
≅
±
×
÷
≤
≥
∞
?
∫
∑
√
∛
∜
²
³
∠
∟
⊥
‰
?
?
?
?
½
⅓
⅔
¼
¾
⅕
⅖
⅗
⅙
⅚
⅛
⅜
⅝
⅞
Ⅰ
Ⅱ
Ⅲ
Ⅳ
Ⅴ
Ⅵ
Ⅶ
Ⅷ
Ⅸ
Ⅹ
Ⅺ
Ⅻ
⒈
⒉
⒊
①
②
③
⓵
⓶
⓷
➊
➋
➌
⏩
⏪
⏫
⏬
▲
►
▼
◄
▶
▷
◢
◿
✅
✓
✔
✕
✖
❎
☓
✘
॥
⊘
⦸
⦷
←
↑
→
↓
↖
↗
↘
↙
↔
↕
⋯
⋮
↰
↱
↲
↳
↴
↵
⇅
⇄
⤒
⇤
⇥
↹
?
?
⟲
⟳
⃔
⃕
⇦
⇧
⇨
⇩
⇔
⇳
♺
♲
♼
☐
☑
☒
▣
▩
○
●
◎
◉
♤
♧
♡
♢
♠
♣
♥
♦
♩
♪
♫
♬
♈
♉
♊
♋
♌
♍
♎
♏
♐
♑
♒
♓
♔
♕
♖
♗
♘
♙
♚
♛
♜
♝
♞
♟
✿
❀
❁
✳
❄
❅
❆
❉
✴
✶
✹
✺
☄
☉
☀
☾
⛅
☁
☂
☔
☃
⛄


⚕
⚖
⚒
✈
⎈
⚓
⛵
⚔
༽
➶
⌖
⛺
⌂
⛪
⛲
⛽
♿
☕
♨
⚽
⚾
⛳
⛔

⌛
⌚
⏰
✆
☎
☏
✉
〠
⌨
⎙
⎚

✍
✌
✊
✋
☚
☛
☜
☝
☞
☟


¢
€
€
¥
©
®
™
࿄
☘
⚘


✑
✒
✐
✏
✎
✁
✂
✃
✄



☆
★
✪
✨
⚐
⚑
⎆
⎌
⏎
⎗
⎘
⌕
♂
♀
⚤
❤
☹
☺
☻
?
㋛
?


⚠
⚡
☢
☣
☠
☦
☩
☭
☪
☯
☮
☥
используемые в HTML коде веб-страницы

 
&
&
<
<
>
"
"
'
'


Конвертер.

ASCII

Unicode
HEX

Символ-мнемоника (только в обратном направлении)

Зачем нужны специальные символы HTML.

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

    p {float: left; padding: 0 15px; margin: 0; font-size: 140%;}

  2. Иногда нужно показать код посетителям сайта. Но часть символов, используемых в HTML-документе (например, для тегов), не будут видны читателям при их публикации на веб-странице. Чтобы автоматизировать процесс перевода этих элементов в специальные символы, можно воспользоваться небольшой программой CoderHTML.

  3. Вместо изображения, чтобы увеличить скорость загрузки страницы.

Пример использования специальных символов HTML

.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-indent: 0px;
}
.rating > span {
display: inline-block;
position: relative;
width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
content: "2605";
position: absolute;
}
Рейтинг звёзд без использования картинок ☆☆☆☆☆

.rating {
unicode-bidi: bidi-override;
direction: rtl;
}
.rating > span {
display: inline-block;
position: relative;
width: 1.1em;
}
.rating > span:hover:before,
.rating > span:hover ~ span:before {
content: "2605";
position: absolute;
}

☆☆☆☆☆

Как сделать стрелочки в HTML

Стоит помнить, что с изменением шрифта, вид спец. символов также будет меняться. Например, → эта стрелочка имеет шрифт Courier, а эта → Arial.

Дополнение: Иконки "Домик", Emoji

‘ ’

Цитирование статьи, картинки - фото скриншот - Rambler News Service.
Иллюстрация к статье - Яндекс. Картинки.
Есть вопросы. Напишите нам.
Общие правила  поведения на сайте.
Просмотров: 1 784
Комментариев: 0:   18-03-2016, 14:27
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме: