Звичайно ж, ви не раз бачили на різних сайтах цікаві символи, які не можна просто ввести з клавіатури. Але як програмістам вдається їх написати? Розгляньмо це питання докладніше.
Трохи теорії
HTML-спецсимволи - це особлива конструкція SGML. Вони посилаються на певні знаки зі стандартного документного набору. Найчастіше їх використовують, щоб відобразити символи, які неможливо знайти на стандартній клавіатурі. Або це можуть бути знаки, які не підтримуються кодуванням сторінки сайту.
Вставити спецсимвол в текст дуже легко, варто лише вписати відповідний йому код. Як правило, цей шифр складається з амперсанда "&", решітки "#", номера і точки з комою.
Запам 'ятати абсолютно всі HTML-спецсимволи нереально, тому і була придумана інша форма запису. У мнемонічному коді немає решітки і номера, на заміну їм прийшло буквене скорочення. Адже погодьтеся, що скорочення назви набагато простіше завчити, ніж цифру.
Спецсимволи HTML
Повний список цих знаків займе, мабуть, не одну сторінку. Тому представимо вашій увазі найбільш популярні з них.
Саме поняття "семантичний код" передбачає вживання мовних конструкцій за безпосереднім призначенням. Це означає, що для розміщення спецсимвола на сторінці необхідно написати його шифр.
HTML-спецсимволи діляться на кілька груп:
- стрілки;
- літери з мітками (тильди, наголоси);
- літери грецької абетки;
- математичні знаки, включаючи ступені та логічні оператори;
- пунктуаційні символи та мітки;
- грошові знаки;
- символи, породжені від літер (копірайт, торгова марка та ін.).
Всі перераховані вище знаки допомагають вирішувати безліч завдань. Наприклад, вони спрощують верстку, оскільки можна вставити стрілки в навігацію сторінки.
Залежність мнемоніка від регістру
Не можна однозначно сказати, погано це чи добре. Просто програма розрізняє регістр букв. Тобто, написавши одну і ту ж комбінацію з великої і з маленької літери, ми отримаємо різний результат.
Про цю особливість не можна забувати. Адже серйозні ляпи можуть швидко зіпсувати репутацію веб-ресурсу.
Виведення вихідного коду веб-сторінки за допомогою спецсимволів
Переклад шифра в HTML можна провести за допомогою мнемонічних знаків. Як ви знаєте, обробка коду веб-браузером здійснюється з використанням кутових дужок, які потрібно обов 'язково вказувати, якщо використовуються теги.
Щоб браузер не обробляв код у звичному режимі, можна спецсимволами замінити дужки. Такий хід перекриє команду, що змушує рендерити текст сторінки. При цьому замінювальні елементи будуть оброблені, і користувач сайту побачить код з дужками, а не з мнемонічними знаками.
Знаки з клавіатури: звичайний ввід або заміна кодами?
Можливо, вас дещо здивує той факт, що символи, які можна просто ввести, найкраще замінювати мнемоніками.
В першу чергу це стосується службових знаків. Саме їх необдумане використання може спровокувати фатальні помилки при верстці.
Якщо вам небайдужо, що зрештою побачить користувач ресурсу, прописуйте звичні для браузера теги. Наприклад, стрілки варто замінити мнемоніками ">" і "<".
Амперсанд - це службовий символ, якому відповідає код "&".
При використанні перерахованих вище символів у звичному вигляді (без заміни шифром) сторінка веб-сайту не зможе коректно пройти валідацію.
Підіб 'ємо підсумки
HTML-спецсимволи - це різні знаки, стрілки, математичні оператори, які прописуються на веб-сторінці за допомогою кодів. Така технологія була придумана для забезпечення максимальної кросбраузерності при відображенні сторінок і документів.
Саме вміння грамотно використовувати ці теги відрізняє досвідченого верстальника від новачка.