Некоторые символы сложно напечатать, а другие технически запрещены. Узнайте, что есть что и как освоить символы в HTML.
Могут быть случаи, когда вам нужно использовать специальный символ на вашем веб-сайте, например, символ амперсанда. Однако вы не можете просто ввести «&» в своем HTML-коде, так как это зарезервированный символ HTML.
Вместо этого вы можете использовать объекты HTML или специальные коды для представления этих символов. Это позволяет вам добавлять символы на вашу веб-страницу, не мешая фактическому HTML-коду.
Что такое символы в HTML?
Когда создание HTML-сайта, вы будете использовать ряд символов для пунктуации. Хотя вы можете добавлять большинство символов непосредственно на свою страницу, некоторые из них имеют особое значение или их сложно набирать. Например, в HTML используются такие символы, как угловые скобки (< и >), амперсанд (&) и кавычки ("и '") для представления структуры содержимого.
Веб-браузер обычно интерпретирует символ угловой скобки как открывающий или закрывающий тег. Если это не то, что вы намереваетесь, это может привести к ошибкам на вашей веб-странице. Примеры символов, для которых требуется код объекта, включают:
- Амперсанд (
&) - Меньше, чем (
<) - Больше чем (
>) - Двойная кавычка (
") - Одинарная кавычка (
')
Другие символы, такие как символы авторского права и товарных знаков не требуют кода объекта, но вы все равно можете использовать его, если хотите. Их может быть неудобно набирать или даже не поддерживать в текстовом редакторе. Вот некоторые примеры:
- Символ авторского права (©)
- Символ товарного знака (™)
- Символ зарегистрированного товарного знака (®)
Что такое именованные и числовые объекты?
Вы можете представить каждый символ с помощью числового кода объекта, а наиболее распространенный — с именованным объектом. Вот некоторые примеры:
Символ |
Именованный код объекта |
Числовой код объекта |
Амперсанд |
& |
& |
Меньше, чем |
< |
< |
Больше чем |
> |
> |
Двойная кавычка |
" |
" |
Одинарная цитата |
' |
' |
Авторские права |
© |
© |
Символ торговой марки |
™ |
™ |
Символ зарегистрированной торговой марки |
® |
® |
Использование именованного или числового кода отобразит соответствующий символ. Например, при использовании «©» или «©» отобразится символ авторского права.
Добавление эмодзи на вашу веб-страницу
Вы также можете отображать смайлики, используя код объекта. Все эмодзи имеют числовой код сущности в HTML, но не все из них имеют именованный код сущности. Вот некоторые примеры:
Символ |
Числовой код объекта |
Улыбающееся лицо (😃) |
😃 |
Смеющееся лицо (😆) |
😆 |
Улыбающееся лицо с ореолом (😇) |
😇 |
Как вставить символы на веб-страницу с помощью кодов сущностей
Вы можете вставлять коды сущностей в содержимое HTML-страницы. Просмотр вашей веб-страницы в браузере преобразует коды в соответствующие им символы.
- В новом файле HTML добавьте базовую структуру веб-страницы HTML:
HTML>
<HTML>
<голова>
<заголовок>Пример символа и объектазаголовок>
<метакодировка="УТФ-8">
голова>
<тело>
тело>
HTML> - Внутри тега body добавьте HTML-контент. Включите либо именованный, либо числовой код объекта для символа, который вы хотите отобразить:
<h1>HTML-символыh1>
<п>Символ авторского права: ©п>
<п>Символ амперсанда: &п>
<п>Символ торговой марки: ™п>
<п>Улыбающееся лицо: 😃п> - Откройте файл HTML в веб-браузере, чтобы просмотреть соответствующие символы:
Использование специальных или зарезервированных символов HTML на вашем веб-сайте
Теперь, когда вы знаете, как добавлять символы на веб-страницу в формате HTML, вы можете изучить другой интересный контент, который можно добавить, чтобы сделать ваш веб-сайт более привлекательным.
