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

5.1 Экранирование символов

В HTML специальные символы, также известные как "character entities", используются для представления символов, которые иначе интерпретировались бы как часть синтаксиса HTML. Эти символы включают, например, угловые скобки, амперсанд, пробелы, а также символы различных языков и наборов символов.

Угловые скобки и амперсанд

Для отображения символов, которые используются в HTML как часть тега или синтаксиса, необходимо использовать специальные коды:

• < : &lt;
• > : &gt;
• & : &amp;

Пример использования:

    
      <p>Используйте &lt; и &gt; для обозначения угловых скобок, а &amp; для амперсанда.</p>
    
  

Кавычки

Для отображения двойных и одинарных кавычек внутри атрибутов HTML:

• " : &quot;
• ' : &apos;

Пример использования:

    
      <p>Для кавычек используйте &quot;двойные&quot; и &apos;одинарные&apos; кавычки.</p>
    
  

5.2 Пробелы и неразрывные пробелы

В HTML несколько пробелов подряд всегда отображаются как один пробел. Для сохранения пробелов или создания неразрывных пробелов используются специальные символы:

• Пробел : &nbsp;
• Тонкий пробел : &thinsp;
• Полный пробел : &emsp;
• Полупробел : &ensp;

Пример использования:

    
      <p>Этот&nbsp;текст&nbsp;содержит&nbsp;несколько&nbsp;неразрывных&nbsp;пробелов.</p>
    
  

Специальные символы и диакритические знаки

HTML поддерживает множество специальных символов для различных языков и наборов символов. Например:

• © : &copy;
• ® : &reg;
• ™ : &trade;
• € : &euro;
• £ : &pound;

Пример использования:

    
      <p>Авторское право &copy; 2024. Все права защищены. Цена: 50 &euro;</p>
    
  

Математические символы

HTML поддерживает широкий набор математических символов:

• ± : &plusmn;
• × : &times;
• ÷: &divide;
• ≤ : &le;
• ≥: &ge;
• ∞ : &infin;
• √ : &radic;

Пример использования:

    
      <p>Решение уравнения: x &ge; 5 и x &le; 10. Используйте &radic; для обозначения корня.</p>
    
  

5.3 Стрелки и другие графические символы

HTML также поддерживает стрелки и другие графические символы:

• ← : &larr;
• ↑ : &uarr;
• → : &rarr;
• ↓ : &darr;
• ↔ : &harr;
• ♠ : &spades;
• ♣ : &clubs;
• ♥ : &hearts;
• ♦ : &diams;

Пример использования:

    
      <p>Направления: &larr; влево, &uarr; вверх, &rarr; вправо, &darr; вниз.</p>
      <p>Карточные масти: &spades; &hearts; &diams; &clubs;</p>
    
  

Полный список специальных символов

Полный список специальных символов можно найти в документации по HTML или на специализированных веб-ресурсах, таких как W3Schools или HTML Character Entities Reference.

5.4 Использование эмодзи

Эмодзи (emoji) стали неотъемлемой частью современной цифровой коммуникации. Они используются для выражения эмоций, идей и объектов в текстовых сообщениях, социальных сетях и на веб-страницах. В HTML эмодзи можно использовать несколькими способами.

Использование Unicode

Эмодзи можно вставить в HTML-документ с помощью Unicode-символов. У каждого эмодзи есть уникальный код, который можно использовать для его отображения.

Пример использования Unicode:

    
      <p>Улыбающееся лицо: 😀</p>
      <p>Сердце: ❤️</p>
      <p>Большой палец вверх: 👍</p>

       
   
       
   
       
   
    
  

Для вставки эмодзи с помощью Unicode нужно использовать его шестнадцатеричный код, предваряя его &#x и завершая ;.

Пример использования шестнадцатеричных кодов:

    
      <p>Улыбающееся лицо: &#x1F600;</p>
      <p>Сердце: &#x2764;&#xFE0F;</p>
      <p>Большой палец вверх: &#x1F44D;</p>

       
   
       
   
       
   
    
  

Запоминать это не нужно: достаточно просто нагуглить их, если это нужно, и не пугаться, если встретите в чужом коде 😊

1

Задача

Модуль 1: Web Core, 3 уровень, 4 лекция

Недоступна

Экранирование символов

Экранирование символов

Открыть

1

Задача

Модуль 1: Web Core, 3 уровень, 4 лекция

Недоступна

Математические символы

Математические символы

Открыть

1

Опрос

Основные теги HTML, 3 уровень, 4 лекция

Недоступен

Основные теги HTML

Основные теги HTML

Открыть