» » Специальные символы HTML - «Учебник 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
-1

Смотрите также


А что там на главной? )))



Комментарии )))



Комментарии для сайта Cackle