Skip to main content

Как использовать специальные символы в HTML

Специальные символы, таблица символов, коды символов, как использовать, Видео курс по HTML, Урок 52 (Июнь 2025)

Специальные символы, таблица символов, коды символов, как использовать, Видео курс по HTML, Урок 52 (Июнь 2025)
Anonim

Веб-страницы, которые вы посещаете в Интернете, создаются с использованием HTML-кода, который сообщает веб-браузерам, что представляет собой содержимое страницы и как визуально визуализировать ее для зрителей. Код содержит учебные блоки, известные как элементы, которые веб-просмотрщик никогда не видит. Код также содержит обычные текстовые символы, такие как заголовки и абзацы, предназначенные для просмотра читателем.

Роль специальных символов в HTML

Когда вы используете HTML и набираете текст, предназначенный для просмотра, вам обычно не нужны специальные коды - вы используете только клавиатуру вашего компьютера, чтобы добавить соответствующие буквы или символы. Проблема возникает, когда вы хотите ввести символ в читаемом тексте, который HTML использует как часть самого кода. Эти символы включают символы <и>, которые используются в коде для запуска и завершения каждого тега HTML. Вы также можете включить символы в текст, который не имеет прямого аналога на клавиатуре, например, © и Ñ. Для символов, которые не имеют ключа на клавиатуре, вы вводите код.

Специальные символы - это конкретные фрагменты кода HTML, предназначенные для отображения символов, которые используются в коде HTML, или для включения символов, которые не найдены на клавиатуре в тексте, который видит зритель. HTML отображает эти специальные символы либо с числовой, либо с символьной кодировкой, чтобы их можно было включить в документ HTML, прочитать в браузере и правильно отобразить для посетителей вашего сайта.

Специальные символы HTML

Три символа лежат в основе синтаксиса HTML-кода. Вы никогда не должны использовать их в читаемых частях вашей веб-страницы, не кодируя их сначала для правильного отображения. Они являются символами больше, чем меньше, и амперсандами. Другими словами, вы никогда не должны использовать символ меньшего размера < в вашем HTML-коде, если это не начало HTML-тега. Если вы это сделаете, персонаж смущает браузеры, и ваши страницы могут не отображаться так, как вы ожидаете. Три символа, которые вы никогда не должны добавлять в unencoded:

  • менее чем знак <
  • знак больше, чем знак >
  • амперсант &

Когда вы вводите эти символы непосредственно в свой HTML-код, если вы не используете их в качестве элементов кода в кодировке для них, поэтому они отображаются правильно в читаемом тексте:

  • меньше, чем знак -<
  • больше, чем знак ->
  • амперсант &

Каждый особый символ начинается с амперсанда - даже специальный символ для амперсанда начинается с этого персонажа. Специальные символы заканчиваются точкой с запятой. Между этими двумя символами вы добавляете все, что подходит для специального символа, который вы хотите добавить.л (за меньше, чем ) создает символ меньшего размера, когда он появляется между амперсандом и точкой с запятой в HTML. Так же, GT создает символ больше, чем символ и ампер дает амперсанд, когда они расположены между амперсандом и точкой с запятой.

Специальные символы, которые вы не можете напечатать

Любой символ, который можно отобразить в стандартном наборе символов Latin-1, можно отобразить в HTML. Если он не отображается на вашей клавиатуре, вы используете символ амперсанда с уникальным кодом, который был назначен символу, а затем точкой с запятой.

Например, «дружественный код» для символа авторского права© и&сделка; является кодом символа товарного знака.

Этот дружелюбный код легко вводить и легко запоминать, но есть много символов, у которых нет дружественного кода, который легко запомнить.

Каждый символ, который может быть введен на экране, имеет соответствующий десятичный цифровой код. Вы можете использовать этот цифровой код для отображения любого символа. Например, десятичный цифровой код для символа авторского права,©-demonstrates как работают числовые коды. Они все еще начинаются с амперсанда и заканчиваются точкой с запятой, но вместо дружественного текста вы используете знак числа, за которым следует уникальный номер кода для этого символа.

Дружественные коды легко запомнить, но числовые коды часто более надежны. Сайты, созданные с базами данных и XML, могут не иметь всех дружественных кодов, но они поддерживают числовые коды.

Лучший способ найти числовые коды для символов - в наборах символов, которые вы можете найти в Интернете. Когда вы найдете нужный вам символ, просто скопируйте и вставьте числовой код в свой HTML.

Некоторые наборы символов включают:

  • Коды валют
  • Математические коды
  • Коды пунктуации
  • Коды прочтений
  • Диакритические коды

Персонажи, не относящиеся к английскому языку

Специальные символы не ограничиваются английским языком. Специальные символы на неанглийских языках могут быть выражены в HTML, включая:

  • испанский
  • Французский
  • греческий
  • румынский

Итак, что такое шестнадцатеричные коды?

Шестнадцатеричный код - это альтернативный формат отображения специальных символов в HTML-коде. Вы можете использовать любой способ, который вы хотите для своей веб-страницы. Вы просматриваете их в наборах символов онлайн и используете их так же, как вы используете дружественные коды или цифровые коды.

Добавьте декларацию Юникода в заголовок документа

Добавьте следующий метатег в любом месте внутри вашей веб-страницы, чтобы убедиться, что ваши специальные символы отображаются правильно.

content = "text / html; charset = utf-8" />

подсказки

Независимо от того, какой метод вы используете, помните о нескольких лучших практиках:

  • Всегда заканчивайте свою точку точкой с запятой. Некоторые редакторы HTML позволяют отправлять HTML-коды без окончательной точки с запятой, но ваши страницы будут недействительными, и многие веб-браузеры не будут отображать объекты правильно без него.
  • Всегда начинайте с амперсанда. Многие веб-редакторы позволят вам уйти, оставив «amp;». но когда вы показываете амперсанд один в XHTML, он вызывает ошибку проверки.
  • Проверяйте свои страницы на столько браузеров, сколько сможете. Если персонаж имеет решающее значение для понимания вашего документа, и вы не можете его проверить в сочетаниях браузера / ОС, которые используют ваши клиенты, вы должны найти другой способ его представления. Однако, прежде чем прибегать к изображениям или чем-то еще, попробуйте один из инструментов тестирования браузера, который может проверить ваш код в нескольких браузерах.