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

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

Опитування

Основні теги HTML, рівень 4, лекція 5

Недоступний

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

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

Відкрити