HTML - спецсимволи: передумови до використання

Звичайно ж, ви не раз бачили на різних сайтах цікаві символи, які не можна ввести з клавіатури. Але як програмістам вдається їх написати? Давайте розглянемо це питання докладніше.

Трохи теорії

HTML-спецсимволи – це особлива конструкція SGML. Вони посилаються на певні знаки із стандартного документного набору. Найчастіше їх використовують, щоб відобразити символи, які неможливо знайти на стандартній клавіатурі. Або це можуть бути знаки, які не підтримуються кодуванням сторінки сайту.




Вставити спецсимвол в текст дуже легко, варто лише вписати відповідний йому код. Як правило, цей шифр складається з амперсанда «&», решітки «#», номера та крапки з комою. Запам'ятати абсолютно всі HTML-спецсимволи нереально, тому і була придумана інша форма запису. У мнемоническом коді немає решітки та номера на заміну їм прийшло буквене скорочення. Адже погодьтеся, що скорочення назви набагато простіше завчити, ніж цифру.

Спецсимволи HTML

Повний список цих знаків займе, мабуть, не одну сторінку. Тому представимо вашій увазі найбільш популярні з них. Саме поняття «семантичний код» передбачає вживання мовних конструкцій за безпосереднім призначенням. Це означає, що для розміщення спецсимвола на сторінці необхідно написати його шифр.




HTML-спецсимволи діляться на кілька груп:

стрілки;

букви з мітками (тільди, наголос);

літери грецького алфавіту;

математичні знаки, включаючи ступеня і логічні оператори;

пунктуаційні знаки та позначки;

грошові знаки;

символи, породжені від букв (копірайт, торгова марка та ін).

Всі перераховані вище знаки допомагають вирішувати безліч завдань. Приміром, вони спрощують верстку, так як можна вставити стрілки в навігацію сторінки.

Залежність мнемонік від регістра

Не можна однозначно сказати, погано це чи добре. Просто програма розрізняє регістр букв. Тобто, написавши одну і ту ж комбінацію з великої і з маленької букви, ми отримаємо різний результат. Про цієї особливості не можна забувати. Адже серйозні недоліки можуть швидко зіпсувати репутацію веб-ресурсу.

Висновок вихідного коду веб-сторінки за допомогою спецсимволов

Переклад шифру в HTML можна провести, використовуючи мнемонічні знаки. Як ви знаєте, обробка коду веб-браузером здійснюється з використанням кутових дужок, які потрібно обов'язково вказувати, якщо використовуються теги.




Щоб браузер не обробляв код у звичному режимі, можна спецсимволів замінити дужки. Такий хід перекриє команду, змушує рендери текст сторінки. При цьому замінюють елементи будуть оброблені, і користувач сайту побачить код з дужками, а не з мнемоническими знаками.

Знаки з клавіатури: введення або заміна кодами?

Можливо, вас здивує той факт, що символи, які можна ввести, краще всього замінювати мнемониками. У першу чергу це стосується службових знаків. Саме їх необдумане використання може спровокувати фатальні помилки при верстці. Якщо вам небайдуже, що в кінцевому рахунку побачить користувач ресурсу, прописуйте звичні для браузера теги. Приміром, стрілки варто замінити мнемониками «>» і « <». Амперсанд – це службовий символ, якому відповідає код «&». При використанні перерахованих вище символів у звичному вигляді (без заміни шифром) сторінка веб-сайту не зможе коректно пройти валідацію.

Підведемо підсумки

HTML-спецсимволи – це різні знаки, стрілки, математичні оператори, які прописуються на веб-сторінці за допомогою кодів. Така технологія була придумана для забезпечення максимальної кросбраузерності при відображенні сторінок і документів. Саме уміння грамотно використовувати ці теги відрізняє досвідченого верстальника від новачка.