Урок №29. HTML. Символьні об'єкти

Курс по основам HTML | CSS. W3Schools українською. Уроки для початківців



HTML/CSS. Символьні об'єкти на веб-сторінках

Зарезервовані символи в HTML повинні бути замінені символьними об'єктами. Символи, яких немає на клавіатурі, також можуть бути замінені об'єктами.

HTML символьні об'єкти

Деякі символи зарезервовані в HTML. Якщо ви використовуєте у вашому тексті знаки "менше ніж" (<) або "більше ніж" (>), браузер може змішувати їх з тегами. Символьні об'єкти використовуються для відображення зарезервованих символів у HTML.

Структура написання символу виглядає так:

&назва_символу;

або

&#номер_символу;

Щоб відобразити знак «меньше» (<), ми маємо написати: &lt; або &#60;

Примітка: Перевага використання імені об'єкта - назва об'єкта легко запам'ятовується. Недолік використання назви об'єкта - браузери можуть не підтримувати всі імена об'єктів, але підтримка номерів хороша.


Нерозривний простір &nbsp;

Загальним символом, використовуваним в HTML, є нерозривний простір: &nbsp;

Нерозривний простір - це простір, який не проривається в новий рядок. Два слова, розділені нерозривним простором, злипаються разом (не розбиваються на новий рядок). Це зручно, коли слова порушуються.

Приклади:

Інше поширене використання нерозривного простору полягає в тому, щоб заборонити браузерам відсікати пробіли в 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-символів.



warning

Не викладайте свій код безпосередньо в коментарях, він відображається некоректно. Скористайтесь такими сервісами, як jsfiddle.net, codepen.io, liveweave.com, jsbin.com, збережіть код на будь-якому з цих сервісів і в коментарях дайте на нього посилання. Так буде видно і код, і результат.