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

Многие символы являются служебными символами HTML и для того чтобы отобразить их на Web – странице нужно прописать специальный код. К тому же некоторые символы используются в самом коде html. Так, например,  между символами < и > мы заключаем сами теги html, а параметры атрибутов указываем в двойных кавычках ("). Другие же символы, такие как неразрывный пробел, вообще нельзя набрать в текстовом редакторе, а на html-странице иногда требуется его использовать, например чтобы сделать отступ между абзацами или написать абзац с "красной строки". Для этих целей и придумали вместо символов писать мнемонический код (именной код), который состоит из знака &(амперсанд), сокращения от английского названия символа и точки с запятой. Так неразрывному пробелу соответствует обозначение &nbsp; (код начинается с & и заканчивается (;), а сокращение nbsp расшифровывается как non-breaking space), двойным кавычкам соответствует код  &quot;, а знакам меньше < и больше > - значения &lt; и &gt; соответственно.

Рассмотрим небольшой пример:

<html>
  <head>
    <title>Урок 3. Специальные символы html</title>
  </head>
  <body>
    <p>Применим некоторые специальные символы на практике:</p>
    <p>&nbsp;</p>
    <p>Чтобы сравнить два числа нужно использовать знаки меньше &lt; и больше &gt;, например:</p>
    <p>5 &gt; 3, а 2 &lt; 4</p>
    <p>&nbsp;</p>
    <p>Все мы знаем, что названия различных учреждений, фирм или организаций берутся в кавычки, например:</p>
    <p>гостиница &quot;Россия&quot;</p>
    <p>издательство &quot;Роспечать&quot;</p>
  </body>
</html> 
              


Сохраним файл под любым именем и откроем его в браузере:

В первую очередь здесь мы использовали неразрывный пробел, чтобы сделать отступы между абзацами, а все мнемонические коды отобразились символами. Помимо мнемонического кода для отображения специальных символов используют ASCII-код (числовой код), перед которым стоят символы &#. К примеру, тем же знакам меньше < и больше > соответствуют следующие числовые-коды: &#60; и &#62;. Рассмотрим пример:

<html>
  <head>
    <title>Мнемонические и ASCII-коды символов</title>
  </head>
  <body>
    <p>&#160;</p>
    <p>10 &gt; 4, а 7 &#62; 5</p>
    <p>3 &lt; 8 и 5 &#60; 8</p>
  </body>
</html> 
              

Здесь мы использовали в первом абзаце неразрывный пробел, чтобы сделать отступ и использовали для этого его числовой-код, который соответствует мнемоническому коду &nbsp;. Так же мы поступили и со знаками меньше и больше во втором и третьем абзаце.

Но пользоваться числовым-кодом для обозначения символов не очень удобно, куда проще запомнить мнемонический код, поэтому чаще пользуются именно им. В этом уроке мы рассмотрели лишь мизерную часть специальных символов html. Полный список вы можете посмотреть в таблице кодов символов. Если вы запутались и у вас остались вопросы, советую посмотреть видео этого урока.