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