Коды спецсимволов в HTML
В HTML есть символы, которые являются значимыми символами кода. Например знаки «<» и «>». Такие символы невозможно просто так вставить в текст, который выводится на страницу. Потому что браузер будет воспринимать их не как часть текста, а как часть HTML кода. Чтобы добавить спецсимвол в текст, используются HTML коды спецсимволов. А на странице уже отображается именно символ.
Коды спецсимволов пишутся так: сначала идёт знак «&»,затем без пробелов код конкретного символа, затем знак «;». Например, знак < добавляется так:
Кроме символов, значимымых для кода, существуют также спецсимволы в виде различных знаков — математические символы, буквы греческого алфавита и многие другие. Их тоже можно добавить в текст с помощью их кода. Я приведу коды спецсимволов, которые используются в HTML наиболее часто. А остальные вы можете найти в справочниках.
| Символ | Код символа |
| Неразрывный пробел | |
| ° | ° |
| & | & |
| ∑ | ∑ |
| < | < |
| > | > |
| ≤ | ≤ |
| ≥ | ≥ |
| ≈ | ≈ |
| ≠ | ≠ |
| © | © |
| ® | ® |
Неразрывный пробел отличается от обычного тем, что он никогда не удаляется браузером. С помощью него можно добавить в текст несколько пробелов подряд. Кроме того, он воспринимается не как пробел, а как обычный символ. Если он находится между двумя словами, то в этом месте не будет перевода строки. То есть, эти два слова всегда будут находиться на одной строке.
Спецсимвол можно добавить не только с помощью буквенного кода, но и с помощью номера символа. Пишется он также как код: сначала знак &, затем номер символа, затем ;. Но числа используются редко, ведь запомнить число сложнее чем код. И когда Вы встречаете спецсимвол в HTML коде страницы, то по коду он воспринимается намного лучше.
Спецсимволы в HTML
Очень часто при написании кода HTML приходится выводить спецсимволы. Например, при написании статей для этого сайта, мне часто приходится писать, например, «<html>«. Как вывести данный тег? Разумеется, если Вы в HTML-коде просто напишите «<html>«, то браузер будет его интерпретировать как системный. Как поступить в данной ситуации? Ответ на этот вопрос находится в этой статье.
Я Вам покажу далеко не все спецсимволы в HTML, так как их достаточно много, а вот самые основные в таблице ниже:
| Вид символа | Имя символа |
| © | copy |
| ® | reg |
| ™ | trade |
| ∞ | infin |
| > | gt |
| < | lt |
| & | amp |
| € | euro |
| § | sect |
А теперь разберём один простой пример на использование спецсимволов в HTML. Например, выведем вот такой код:
HTML-код, необходимый для того, чтобы вывести текст выше:
Если вдруг, кто забыл или не знает, то « » — это обычный пробел (тоже спецсимвол). Просто ввиду того, что все теги, кроме (<pre>) вырезают лишние пробелы, то для вывода 2-х и более подряд идущих пробелов необходимо использовать эту сущность. Как можно понять из примера, для вывода спецсимвола необходимо соблюдать следующий синтаксис:
Если Вам потребуются ещё какие-нибудь символы, то можете поискать в Интернете, а самые основные я Вам уже дал.
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
Она выглядит вот так:
Комментарии ( 33 ):
HTML-код который куда его
В исходник HTML, в результате отображения данного кода в браузере появится все теги, но они уже будут выводиться как текст, а не восприниматься, как разметка документа.
Да не получается ,вот что получается <p> <span>Текст</span> </p> Текст
Так это и должно было появиться. Смысл всех этих спецсимволов, чтобы выводить HTML-текст в браузере. По-другому, Вы бы не вывели данный текст на страницу.
Миша Смотри что получается это мой домен http://mywork.hdd1.ru/
Совершенно верно! Это и должно было получиться. Вы вывели HTML-теги в виде текста на страницу. Это нужно, например, мне, чтобы выводить статьи с HTML-тегами. Если я их просто начну писать в коде, то они не выведутся, а воспримутся, как системные.
А Вы знаете в хоть один язык кроме HTML который действует в "txt"?
Посмотри исходный код подскажи что мне исправить?
Всё понял елки палки, а я туплю сижу:)
А кстате, в html можно делать картинки прозрачными? Мне для моего сайта нужно.
Как удалить мое сообщение? Там нету внизу "Удалить" "Редактировать" и "Ответить". Я этот комментарий даже отправить не могу =((
Как это нет? Возможно, Вы просто не были авторизованы, либо Ваш сеанс был завершён после 15-ти минут бездействия на сайте.