Символьные подстановки, cпецсимволы в HTML, Мнемоники
Как бы ни был широк выбор кодировок и разнообразен набор символов, существует следующее ограничение: не все символы можно набрать на клавиатуре. Например, символ зарегистрированного торгового знака - ®, или торговой марки - ™. Для ввода подобных знаков используют символьные подстановки.
Символьные подстановки представляют собой специальную последовательность, преобразуемую браузерами в заданный символ. Подстановку можно осуществить несколькими способами:
&мнемокод; - вставка символа по его "мнемокоду" (имени). &#КОД10; - вставка символа по его десятичному коду. &#xКОД16; - вставка символа по его шеснадцатиричному коду.
Например, следующие подстановки заменяются символом ®
® ® ®
Символьные подстановки применяются не только для вставки символов, которых нет на клавиатуре, но, так же для вставки символов, имеющих специальное назначение в XHTML. К примеру, вы никогда не задумывались, как вывести на страницу текст, содержащий XHTML тэги? Например такую фразу:
"Для вывода текста полужирным начертанием, выделите его тэгами <strong> и </strong>".
Символы "<" и ">" играют особую роль в XHTML - начинают и завершают тэги. Поэтому непосредственная вставка их в код страницы приведет к интерпретации <strong> и </strong> как тэгов и не даст желаемого результата. Нужно использовать символьные подстановки.
Специальные символы HTML (Мнемоники)
Таблица наиболее популярных символьных подстановок
Символ | Мнемокод | 10 Код | 16 Код | Пояснение |
< | < | < | < | |
> | > | > | > | |
& | & | & | & | Амперсанд |
" | " | " | " | |
|   | &#A0; | Символ "неразрывного пробела". Слова, разделяемые им не переносятся по отдельности. | |
­ | ­ | &#AD; | Символ "мягкого переноса". Части слова, соединяемые им, переносятся, при необходимости. На месте переноса отображается символ "-" | |
© | © | © | &#A9; | |
® | ® | ® | &#AE; | |
™ | ™ | ™ | ࡊ | |
¤ | ¤ | |||
¦ | ¦ | |||
§ | § | |||
ª | ª | |||
« | « | |||
° | ° | |||
± | ± | |||
µ | µ | |||
¶ | ¶ | |||
· | · | |||
¹ | ¹ | |||
€ | € | |||
ʼ ˈ ˌ ː ˑ ˘ ‖ ‿ | ʼ ˈ ˌ ː ˑ ˘ ‖ ‿ |
Читайте также: Мнемоники в HTML.
Таблица символов: маркеры, птички, галочки, check mark, крестики
символ html-код десятичный код описание • • • Простой маркер ○ ○ Круг · · · Средняя точка † † Крестик ‡ ‡ Двойной крестик ♠ ♠ ♠ Пики ♣ ♣ ♣ Трефы ♥ ♥ ♥ Червы ♦ ♦ ♦ Бубны ◊ ◊ ◊ Ромб ❤ ❤ Жирное сердце ✓ ✓ Символ галочка ✔ ✔ Жирная отметка галочкой 𐄂 𐄂 Крестик 🗸 🗸 Тонкая галочка ✅ ✅ Жирная незакрашенная отметка галочка ☑ ☑ Галочка в квадрате 🗹 🗹 Жирная галочка в квадрате ⚠ ⚠ Внимание! ❌ ❌ X, знак умножения, крестик, удалить ❎ ❎ Белый крест в квадрате ✖ ✖ Крест, жирный знак умножения ⨻ ⨻ Знак умножения в треугольнике, пересечение равнозначных дорог
Таблица символов: часы, время
⏰ ⏰ Будильник ⌚ ⌚ Наручные часы ⌛ ⌛ Песочные часы ⏳ ⏳ Песочные часы 🕰 🕰 Каминные часы
Неразрывный пробел ( )
Символ создает пробел, однако, в отличие от обычного пробела, несколько символов , записанных подряд, не удаляются браузером. Кроме того, если несколько слов соединяются неразрывным пробелом, то при достижении границы окна браузера, все эти слова вместе будут перенесены на следующую строку. Такой подход используется, например, при записи Ф.И.О., или наименования организации:
Пример. Использование неразрывного пробела.
... <p>Символ "неразрывный пробел" используется в тех случаях, когда необходимо предотвратить нежелательный перенос слов при записи названий организаций или инициалов. Например - <b>WWW Consortium</b> или <b>Артемов АН</b>. Чтобы увидеть результат, изменяйте ширину окна и следите за поведением выделенных фрагментов. </p> ...
Мягкий перенос (­)
В противоположность неразрывному пробелу, символ мягкого переноса - ­ служит для создания переноса в том месте, где это может потребоваться. При этом, на месте переноса появляется символ "-". Если перенос не требуется, символ ­ не визуализируется. Применяется мягкий перенос преимущественно в длинных словах, для более равномерного распределения текста на странице.
Пример. Применение мягкого переноса.
<p>В 1991 году была предпри­нята попытка создать единую универ­сальную двухбай­товую коди­ровку, охваты­вающую все алфавиты и иерогли­фичес­кие системы мира. Результа­том стал стандарт ... </p>
Таблица символов кодирования URL
Появление адресов URL стало существенным нововведением в Интернете. Однако с момента его изобретения и по сей день стандарт URL обладает серьёзным недостатком — в нём можно использовать только ограниченный набор символов, даже меньший, нежели в ASCII: латинские буквы, цифры и лишь некоторые знаки препинания. Если мы захотим использовать в URL символы кириллицы, или иероглифы, или, скажем, специфические символы французского языка, то нужные нам символы должны быть перекодированы особым образом.
Функции в PHP:
- urlencode() — URL-кодирование строки
- urldecode() — Декодирование URL- кодированной строки. Пример запроса пытающегося получить доступ к файлу с паролями в Linux. Что такое SQL Injection защита
<?php $query = "/component/country?country=unitedarabemirates&BMMZ%3D6733 %20AND%201%3D1%20UNION%20ALL %20SELECT%201%2C2%2C3%2Ctable_name %20FROM%20information_schema.tables%20WHERE%202%3E1--%20 ..%2F..%2F..%2Fetc%2Fpasswd"; echo urldecode($query);
Результат:
/component/country?country=unitedarabemirates& BMMZ=6733 AND 1=1 UNION ALL SELECT 1,2,3,TABLE_NAME FROM information_schema.tables WHERE 2>1-- ../../../etc/passwd
Распространенные символы. Таблица символов кодирования URL | |
---|---|
space | %20 |
# | %23 |
< | %3c |
= | %3d |
> | %3e |
, | %2c |
/ | %2f |
( | %28 |
) | %29 |
📌 Для тестирования скриптов, установщиков VPN, Python ботов рекомендуем использовать надежные VPS на короткий срок. Если вам нужна помощь с более сложными задачами, вы можете найти фрилансера, который поможет с настройкой. Узнайте больше о быстрой аренде VPS для экспериментов и о фриланс-бирже для настройки VPS, WordPress. 📌
💥 Подпишись в Телеграм 💥 и задай вопрос по сайтам и хостингам бесплатно!7 Самых Популярных Статей
- Как запустить скрипты и веб-приложения на Python
- Что такое страны TIER 1,2,3
- 7 способов сравнения файлов по содержимому в Windows или Linux
- Установка и тестирование веб-панели HestiaCP
- Китайский VPN Shadowsocks простая установка и настройка
- top, htop, atop определение загрузки ОС (Load average, LA)
- Использование rsync в примерах