ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ

HTML5 Учебник

HTML СТАРТ HTML Введение HTML Редакторы HTML Основные примеры HTML Элементы HTML Атрибуты HTML Заголовки HTML Параграфы HTML Стили HTML Форматирование HTML Цитаты HTML Комментарии HTML Цвета HTML CSS HTML Ссылки HTML Изображения HTML Таблицы HTML Списки HTML Блоки HTML Классы HTML Идентификаторы HTML Фреймы HTML JavaScript HTML Пути к файлам HTML Голова веб-страницы HTML Макеты HTML Адаптивность HTML Компьютерный код HTML Символьные объекты HTML Символы HTML Кодировка HTML URL кодирование HTML XHTML

HTML Формы

HTML Формы HTML Элементы формы HTML Типы ввода HTML Атрибуты ввода

HTML5

HTML5 Введение HTML5 Поддержка HTML5 Новые элементы HTML5 Семантические элементы HTML5 Переход с HTML4 HTML5 Гид по стилю

HTML Графика

HTML Canvas HTML SVG

HTML Медиа

HTML Медиа HTML Видео HTML Аудио HTML Плагины HTML YouTube

HTML API

HTML Геолокация HTML Drag/Drop HTML Web хранилище HTML Web работники HTML SSE

HTML Примеры

HTML Примеры HTML Викторина HTML Упражнения HTML Сертификат HTML Резюме HTML Доступность

HTML Справочники

HTML Список тегов HTML Атрибуты HTML Глобальные атрибуты HTML События HTML Цвета HTML Canvas HTML Аудио/Видео HTML Действующие Doctype HTML Наборы символов HTML URL кодировка HTML Кодировка языка HTTP Сообщения HTTP Методы PX в EM Конвертер Горячие клавиши

HTML5. Уроки для начинающих

HTML Символьные объекты


Зарезервированные символы в HTML должны быть заменены символьными объектами.

Символы, которых нет на вашей клавиатуре, также могут быть заменены объектами.


HTML Символьные объекты

Некоторые символы зарезервированы в HTML.

Если вы используете знаки "меньше чем" (<) или "больше чем" (>) в вашем тексте, браузер может смешивать их с тегами.

Символьные объекты используются для отображения зарезервированных символов в HTML.

Символьный объект выглядит так:

&entity_name;

OR

&#entity_number;

Для отображения знака меньше (<) необходимо написать: &lt; или &#60;

Преимущество использования названия объекта: название объекта легко запомнить.
Недостаток использования названия объекта: Браузеры могут не поддерживать все названия символьных объектов, но поддержка чисел хорошая.


Неразрывный пробел

Общим символьным объектом, используемым в HTML, является неразрывный пробел: &nbsp;

Неразрывный пробел - это пробел, который не продолжится в новой строке.

Два слова, разделенные неразрывным пробелом, будут слипаться (не переходить на новую строку). Это удобно, когда разрыв слов может быть разрушительным.

Примеры:

  • § 10
  • 10 km/h
  • 10 PM

Другое распространенное использование неразрывного пробела - это предотвращение усечения браузерами пробелов в HTML-страницах.

Если вы напишите в своем тексте 10 пробелов, браузер удалит 9 из них. Чтобы добавить реальные пробелы в ваш текст, вы можете использовать символьный объект &nbsp;.

Неразрывный дефис (&#8209;) позволяет использовать символ дефиса (‑), который не будет разрываться.


Некоторые другие полезные символьные объекты HTML

Результат Описание Название объекта Число объекта
неразрывный пробел &nbsp; &#160;
< меньше чем &lt; &#60;
> больше чем &gt; &#62;
& амперсанд &amp; &#38;
" двойная кавычка &quot; &#34;
' одиночная кавычка (апостроф) &apos; &#39;
¢ цент &cent; &#162;
£ фунт &pound; &#163;
¥ иена &yen; &#165;
евро &euro; &#8364;
© Авторские права &copy; &#169;
® зарегистрированная торговая марка &reg; &#174;

Примечание: Названия объектов чувствительны к регистру.


Объединение диакритических знаков

Диакритический знак - это "глиф", добавленный к букве.

Некоторые диакритические знаки, такие как важность (  ̀) и ударение (  ́) называются акцентами.

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

Диакритические знаки могут использоваться в соединении с буквенно-цифровыми символами для создания символа, который отсутствует в наборе символов (кодировке), используемом на странице.

Вот несколько примеров:

Знак Символ Конструкция Результат
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Вы увидите больше HTML символов в следующей главе этого учебника.