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

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

трохи теорії

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

Вставити спецсимвол в текст дуже легко, варто лише вписати відповідний йому код. Як правило, цей шифр складається з амперсанда «», решітки «#», номера і крапки з комою.

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

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

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

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

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

• стрілки;
• букви з мітками (тильди, наголоси);
• літери грецького алфавіту;
• математичні знаки, включаючи ступеня і логічні оператори;
• пунктуаційні символи і мітки;
• грошові знаки;
• символи, породжені від букв (копірайт, торгова марка та ін.).

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

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

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

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

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

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

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

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

Можливо, вас кілька здивує той факт, що символи, які можна просто ввести, найкраще заміняти мнемониками.

В першу чергу це стосується службових знаків. Саме їх необдумане використання може спровокувати фатальні помилки при верстці.

Якщо вам не байдуже, що в кінцевому рахунку побачить користувач ресурсу, прописуйте звичні для браузера теги. Наприклад, стрілки варто замінити мнемониками «>» і «lt;».

Амперсанд - це службовий символ, якому відповідає код «».

При використанні перерахованих вище символів в звичному вигляді (без заміни шифром) сторінка веб-сайту не зможе коректно пройти валідацію.

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

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

Саме вміння грамотно використовувати ці теги відрізняє досвідченого верстальника від новачка.