Учебник по HTML

HTML ГЛАВНАЯ Введение в HTML HTML-редакторы Базовый HTML HTML-элементы HTML-атрибуты HTML-заголовки HTML-абзацы HTML-стили HTML-форматирование HTML-цитаты HTML-комментарии Цвета HTML HTML CSS HTML-ссылки HTML-изображения HTML Фавикон HTML-таблицы HTML-списки Блок HTML и встроенный HTML-классы HTML-идентификатор HTML-фреймы HTML JavaScript Пути HTML-файлов HTML-голова HTML-макет HTML Отзывчивый HTML компьютерный код HTML-семантика Руководство по стилю HTML HTML-сущности HTML-символы HTML-смайлики HTML-кодировка HTML-кодирование URL-адреса HTML против XHTML

HTML -формы

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

HTML- графика

HTML-холст HTML SVG

HTML- медиа

HTML-медиа HTML-видео HTML-аудио HTML-плагины HTML YouTube

HTML -API

HTML-геолокация Перетаскивание HTML Веб-хранилище HTML Веб-воркеры HTML HTML SSE

HTML- примеры

HTML-примеры HTML-викторина HTML-упражнения HTML-сертификат Резюме HTML Доступность HTML

HTML -ссылки

Список тегов HTML HTML-атрибуты Глобальные атрибуты HTML Поддержка HTML-браузера HTML-события Цвета HTML HTML-холст HTML-аудио/видео Типы документов HTML Наборы символов HTML HTML-кодирование URL-адреса Языковые HTML-коды HTTP-сообщения HTTP-методы Конвертер PX в EM Горячие клавиши

HTML -сущности


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


HTML-сущности

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

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

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

Сущность персонажа выглядит так:

&entity_name;

OR

&#entity_number;

Чтобы отобразить знак меньше (<), мы должны написать: < или <

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


Неразрывное пространство

Обычно в HTML используется неразрывный пробел:  

Неразрывный пробел — это пробел, который не переходит в новую строку.

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

Примеры:

  • § 10
  • 10 км/ч
  • 22:00

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

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

Совет: Неразрывный дефис ( ) используется для определения символа дефиса (-), который не переходит на новую строку.



Некоторые полезные сущности символов HTML

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

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


Сочетание диакритических знаков

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

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

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

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

Вот некоторые примеры:

Mark Character Construct Result Try it
 ̀ 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 в следующей главе этого руководства.