HTML с нуля: спецсимволы в HTML. Урок №4 Overcod.net

HTML с нуля: спецсимволы в HTML. Урок №4

Привет, друзья!
Сегодня я расскажу о спецсимволах в HTML — важной части любого веб-документа.

Вы узнаете:

зачем они нужны,
как их правильно использовать,
и, конечно, найдете полезную таблицу спецсимволов в конце статьи.

Готовы? Тогда начинаем!

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

Спецсимволы — это уникальные символы, которых нет на клавиатуре или которые браузеры интерпретируют неправильно, если их использовать напрямую. Например:

Как написать символ ©? Просто ввести его в код не получится.
Как сделать несколько пробелов подряд? HTML проигнорирует их, оставив только один.
Как показать код с HTML-тегами? Если просто вставить < и >, браузер решит, что это команда, а не текст.

Вот тут на помощь приходят спецсимволы. Давайте разберемся на примерах.

Пример: Как показать HTML-теги

Если вы попытаетесь вставить следующий код:

<html>  
  <head>  
    <title>Пример</title>  
  </head>  
  <body>  
  </body>  
</html>

то браузер воспримет его как часть страницы, а не текст. Чтобы это исправить, нужно заменить < и > на спецсимволы < и >. Вот что получится:

&lt;html&gt;  
  &lt;head&gt;  
    &lt;title&gt;Пример&lt;/title&gt;  
  &lt;/head&gt;  
  &lt;body&gt;  
  &lt;/body&gt;  
&lt;/html&gt;

Результат:

<html>
<head>
<title>Пример</title>
</head>
<body>
</body>
</html>

Удобно, правда?

Как добавить пробелы

Обычные пробелы в HTML могут быть хитрыми. Если вы хотите сделать несколько пробелов, используйте  . Например:

слово1&nbsp;&nbsp;&nbsp;слово2

Результат:

слово1 слово2

Как вывести спецсимволы в HTML

Все права защищены &amp;copy; 2024.

Таблица популярных спецсимволов HTML

Символ	Код	Описание	Пример отображения
&	&	Амперсанд	&
<	<	Меньше	<
>	>	Больше	>
«	"	Двойные кавычки	«
‘	'	Апостроф	‘
©	©	Знак авторского права	©
®	®	Знак зарегистрированной торговой марки	®
™	™	Знак торговой марки	™
€	€	Евро	€
£	£	Фунт	£
¥	¥	Йена	¥
°	°	Градус	°
±	±	Плюс-минус	±
×	×	Умножение	×
÷	÷	Деление	÷
—	—	Длинное тире	—
–	–	Короткое тире	–
		Неразрывный пробел	(нет отображения)