Как да използвам специални символи в HTML

click fraud protection

Уеб страниците, които посещавате онлайн, са изградени с помощта на HTML код, който казва на уеб браузърите какво е съдържанието на страницата и как да я визуализира визуално за зрителите. Кодът съдържа учебни градивни елементи, известни като елементи, които зрителят никога не вижда. Кодът съдържа и нормални текстови символи като тези в заглавия и абзаци, предназначени за четене от зрителя.

Ролята на специалните символи в HTML

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

instagram viewer
Специални символи.
CSA Images / Гети изображения

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

В основата на синтаксиса на HTML кода има три знака. Никога не трябва да ги използвате в четливите части на вашата уеб страница, без първо да ги кодирате за правилно показване. Те са символите по-големи, по-малки и по-големи и амперсанд. С други думи, никога не трябва да използвате символа по-малко от < във вашия HTML код, освен ако не е началото на HTML таг. Ако го направите, героят обърква браузърите и страниците ви може да не се изобразяват както очаквате. Трите знака, които никога не трябва да добавяте некодирани, са:

  • знак по-малко от <
  • знак по-голям от >
  • амперсанд &

Когато въвеждате тези знаци директно в своя HTML код - освен ако не ги използвате като елементи в кода, въведете кодирането за тях, така че те да се появят правилно в четливия текст:

  • знак по-малко от - <
  • знак по-голямо от - >
  • амперсанд - &

Всеки специален знак започва с амперсанд - дори специалният знак за амперсанд започва с този знак. Специалните знаци завършват с точка и запетая. Между тези два знака добавяте всичко, което е подходящо за специалния знак, който искате да добавите. lt (за по-малко от) създава символа по-малко от, когато се появява между амперсанда и точка и запетая в HTML. По същия начин, gt създава символа по-голямо от и усилвател дава амперсанд, когато са позиционирани между амперсанд и точка и запетая.

Специални знаци, които не можете да въведете

Всеки символ, който може да се изобрази в стандартния набор от символи Latin-1, може да се изобрази в HTML. Ако не се появи на клавиатурата, използвате символа амперсанд с уникалния код, присвоен на символа, последван от точка и запетая.

Например "приятелският код" за символ за авторско право е © и ™ е кодът за символа на търговската марка.

Този приятелски код е лесен за въвеждане и е лесен за запомняне, но има много знаци, които нямат приятелски код, който е лесен за запомняне.

Всеки символ, който може да бъде въведен на екрана, има съответния десетичен цифров код. Можете да използвате този цифров код, за да покажете произволен символ. Например десетичният цифров код за символа за авторско право - © Демонстрира как работят цифровите кодове -. Те все още започват с амперсанд и завършват с точка и запетая, но вместо приятелски текст използвате числовия знак, последван от уникален цифров код за този знак.

Приятелските кодове са лесни за запомняне, но цифровите кодове често са по-надеждни. Сайтове, които са изградени с бази данни и XML може да не са дефинирани всички приятелски кодове, но те поддържат цифровите кодове.

Най-добрият начин да намерите числовите кодове за знаци е в наборите от знаци, които можете да намерите онлайн. Когато намерите символа, от който се нуждаете, просто копирайте и поставете числовия код във вашия HTML.

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

  • Кодове на валутите
  • Математически кодове
  • Пунктуационни кодове
  • Кодове за произношение
  • Диакритични кодове

Неанглийски езикови символи

Специалните знаци не са ограничени до английския език. Специални знаци на не-английски езици могат да бъдат изразени в HTML, включително:

  • Испански
  • Френски
  • Гръцки
  • Румънски

И така, какви са шестнадесетичните кодове?

Шестнадесетичен код е алтернативен формат за показване на специални символи в HTML код. Можете да използвате който и да е метод за вашата уеб страница. Търсите ги в набори от символи онлайн и ги използвате по същия начин, по който използвате приятелски кодове или цифрови кодове.

Добавете декларацията на Unicode към главата на вашия документ

Добавете следния мета маркер навсякъде в.

съдържание = "текст / html; charset = utf-8 "/>

Съвети

Без значение кой метод използвате, имайте предвид няколко най-добри практики:

Винаги завършвайте обекта си с точка и запетая

Някои HTML редактори ви позволяват да публикувате HTML кодове без последната точка и запетая, но страниците ви ще бъдат невалидни и много уеб браузъри няма да показват обектите правилно без него.

Винаги започвайте с амперсанд

Много уеб редактори ви позволяват да се измъкнете, като оставите "amp;" но когато показвате амперсанд само в XHTML, причинява грешка при проверка.

Тествайте страниците си във възможно най-много браузъри

Ако знакът е от решаващо значение за разбирането на вашия документ и не можете да го тествате в комбинациите браузър / операционна система, които вашите клиенти използват, трябва да намерите друг начин да го представите. Преди обаче да прибегнете до изображения или нещо друго, опитайте един от инструментите за тестване на браузъра, който може да провери кода ви в множество браузъри.

instagram story viewer