Лесно ръководство за използване на специални символи в HTML
Уеб страниците, които посещавате онлайн, се изграждат чрез HTML код, който показва на уеб браузърите какво представлява съдържанието на страницата и как да я визуализира визуално за зрителите. Кодът съдържа инструкции за изграждане на блокове, известни като елементи, които зрителят на уеб страниците никога не вижда. Кодът също така съдържа нормални текстови знаци, като тези в заглавията и параграфите, предназначени за четене от зрителя.
Ролята на специалните символи в HTML
Когато използвате HTML и въведете текст, предназначен за преглед, обикновено не се нуждаете от специални кодове - използвайте само клавиатурата на компютъра си, за да добавите съответните букви или знаци. Проблем възниква, когато искате да въведете знак в четливия текст, който HTML използва като част от самия код. Тези знаци включват символите <и>, които се използват в кода за стартиране и завършване на всеки HTML маркер. Може да искате да включите и текст в текста, който няма пряк аналог на клавиатурата, например © и Ñ. За знаци, които нямат клавиш на клавиатурата, въвеждате код.
Специалните знаци са конкретни части от HTML код, предназначени да показват знаците, които се използват в HTML кода или да включват символи, които не се намират на клавиатурата в текста, който зрителят вижда. HTML прави тези специални символи с цифрово или кодиране на знаци, така че те да могат да бъдат включени в HTML документ, прочетени от браузъра и да се показват правилно за посетителите на сайта Ви.
Специални HTML символи
Три герои са в основата на синтаксиса на HTML кода. Никога не трябва да ги използвате в четимите части на уеб страницата си, без да ги кодирате първо за правилно показване. Те са по-големи от, по-малко, отколкото и символи. С други думи, никога не трябва да използвате по-малко от символа < във вашия HTML код, освен ако това не е начало на HTML маркер. Ако го направите, знакът обърква браузърите и страниците ви може да не се правят, както очаквате. Трите символа, които никога не трябва да добавяте, са:
- под знак <
- по-голям от знак >
- ampersand &
Когато въвеждате тези знаци директно в HTML кода си, освен ако не ги използвате като елементи в кодовия тип в кодирането им, те се появяват правилно в четещия текст:
- по-малко от знак -
- над знак - & gt;
- знакът '&' - &
Всеки специален символ започва с ampersand - дори и специалният символ за ampersand започва с този знак. Специалните знаци завършват с точка и запетая. Между тези два знака добавяте каквото е подходящо за специалния знак, който искате да добавите. lt (за по-малко от ) създава по-малко от символ, когато се появява между ampersand и точка и запетая в HTML. По същия начин gt създава по-голям от символ и усилвател дава ampersand, когато те са разположени между ampersand и точка и запетая.
Специални символи, които не можете да въведете
Всеки знак, който може да бъде изобразен в стандартния набор от знаци "Latin-1", може да бъде изобразен в HTML. Ако не се появи на вашата клавиатура, използвайте символа ampersand с уникалния код, който е бил присвоен на символа, последван от точка и запетая.
Например "приятелски код" за символа за авторски права е & copy; и търговия ; е кодът на символа на търговската марка.
Този приятелски код е лесен за написване и лесно да се запомни, но има много герои, които нямат приятен код, който е лесен за запомняне.
Всеки знак, който може да бъде написан на екрана, има съответния десетичен цифров код. Можете да използвате този цифров код, за да изведете всеки знак. Например десетичният цифров код за символа за авторски права- & # 169; -demonstrates как функционират цифровите кодове. Те все още започват с ampersand и завършват с точка и запетая, но вместо приятелски текст, използвайте номера, последван от уникален код за този знак.
Приятелските кодове са лесни за запомняне, но цифровите кодове често са по-надеждни. Сайтовете, които са изградени с бази данни и XML, може да не са дефинирали всички приятелски кодове, но поддържат числови кодове.
Най-добрият начин да намерите цифровите кодове за знаците е в наборите от знаци, които можете да намерите онлайн. Когато намерите символа, който ви е необходим, просто копирайте и поставете цифровия код в HTML.
Някои знаци включват:
- Валутни кодове
- Математически кодове
- Кодове за пунктуация
- Кодове за произношение
- Диакритични кодове
Знаци извън английския език
Специалните знаци не се ограничават до английския език. Специалните знаци на не-английски език могат да бъдат изразени в HTML, включително:
И така, какви са шестнадесетичните кодове?
Шестдесетичен код е алтернативен формат за показване на специални знаци в HTML код. Можете да използвате метода, който искате за уеб страницата си. Вие ги търсите в набор от символи онлайн и ги използвайте по същия начин, по който използвате приятелски кодове или цифрови кодове.
Добавете декларацията Unicode към главата на документа
Добавете следния мета маркер навсякъде в
на вашата уеб страница, за да се уверите, че специалните символи се показват правилно.Съвети
Без значение кой метод използвате, имайте предвид няколко най-добри практики:
- Винаги завършвайте обекта си с точка и запетая. Някои HTML редактори ви позволяват да публикувате HTML кодове без крайната точка и запетая, но страниците ви ще бъдат невалидни и много уеб браузъри няма да показват правилно обектите без нея.
- Винаги започвайте с амперсанд. Много уеб редактори ви позволяват да избягате, като изключите "усилвателя"; но когато покажете амперсанд сам в XHTML, той причинява грешка при валидацията.
- Тествайте страниците си в толкова браузъри, колкото можете. Ако знакът е от решаващо значение за разбирането на документа ви и не можете да го тествате в комбинациите браузър / ОС, които потребителите използват, трябва да намерите друг начин да го представите. Преди да пристъпите към изображения или нещо друго, опитайте един от инструментите за тестване на браузъра, които могат да валидират кода ви в няколко браузъри.