Главная HTML Специальные символы в html

Специальные символы в html

Специальные символы используются в тексте документа, написанного на HTML, в случаях, когда нужно на странице сайта в тексте отобразить символ тега HTML (или другой символ) так, чтобы он не воспринимался "Интернет-Обозревателем" пользователя , как команда.

«Cпециальные символы» (или escape-последовательности) начинаются с символа амперсанда (&) и имеют вид:

  • &имя;
  • или &#DD;
    где DD — код символа в Юникоде в десятичной системе счисления.
  • или &#xNNNN;
    где NNNN — код символа в Юникоде в шестнадцатеричной системе счисления.

Как вставить специальнай символ?

  1. Символ "уголок" (контейнер тэга) нужно отобразить на странице сайта в виде текста.
    Пишем в документе на HTML:
       < body color= #c0c0c0 >
    Получаем на странице сайта:
       <body color= #c0c0c0>
  2. Знак копирайт на сайта (обычно указывается в "подвале" страницы).
    Пишем в документе на HTML:
       &copy; 2020 &mdash; 2024
    Получаем на странице сайта:
       © 2020 — 2024
  3. Часто бывает нужно написать два слова подрят (или часть текста), так чтобы они при переносе на дугую строку не разрывались, а переносились в паре.

    Если мы между словами поставим пробел с помощью "клавиши пробел", то при переносе текста на другус строку одно слово может остаться в конце строки, а другое перенесено на новую строку, что затруднит чтение текста.

    Исправить ситуацую просто.
    Надо между словами поставить символ &nbsp; (неразрывный пробел) и пара слов будут восприниматься программой, как одно слово и переносится на другую строку, как одно целое (без разрыва).

    Пишем в документе на HTML:
       Стоимость проезда 123&nbsp;руб.
    Получаем на странице сайта:
       Стоимость проезда 123 руб. (123 руб. будут восприниматься без разрыва)

Cпециальные символы

Пишем в документе HTML Результат на странице
&lt; <
&gt; >
&amp; &
&copy; ©
&reg; ®
&#064 @
&bull;  •  (маркер списка)
Полная таблица спец. символов

Как поставить ударение в HTML-коде?

В HTML-документе знак "ударения" можно отобразить с помощью кода &#769; или &#x301;
(с использованием десятичного или шестнадцатеричного Unicode символа, соответственно).

В HTML: Амбарный замо&#x301;к ===> Результат: Амбарный замо́к
В HTML: Амбарный замо&#769;к   ===> Результат: Амбарный замо́к

В HTML: Старинный за<b class="red">&#x301;</b>мок ===> Результат: Старинный за́мок
В HTML: Старинный за<b class="red">&#769;</b>мок   ===> Результат: Старинный за́мок