Статьи

Специальные объекты HTML

Когда вы вводите текст в любую достаточно современную программу обработки текста, даже если ваша клавиша на клавиатуре показывает этот вездесущий символ двойных кавычек ASCII, вы видите хорошие «фигурные» открывающие и закрывающие знаки препинания, когда вы нажимаете на него.

Эти специальные цитаты не могут быть найдены на вашей клавиатуре. Но программы обработки текста понимают, что когда вы помещаете что-то в кавычки, вам нужны красивые левые и правые кавычки, и они заменяют введенные символы правильными. То же самое относится и к апострофам. Вы когда-нибудь видели апостроф ASCII, такой как на клавиатуре, в книге или брошюре? Конечно, нет. То, что мы обычно видим в печатных материалах, это заключительная одинарная кавычка. На самом деле существует огромное количество символов, которые не представлены на стандартной клавиатуре, хотя эти символы отображаются на веб-страницах и в печатных материалах.

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

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

Крайний левый код известен как имя объекта или ключевое слово . Например, чтобы создать символ авторского права в вашем документе, введите copy вы увидите © на отображаемой странице. Каждый из этих объектов также имеет числовой эквивалент; числовой эквивалент копии равен # 169, который выдает тот же символ.

Пример списка ссылок на сущности символов HTML

сущность символ Описание
& Лт; < Меньше, чем
& Gt; > Больше чем
& Amp; & амперсант
& Lsquo; Левая одинарная кавычка
& Rsquo; Правильная одинарная кавычка
& Ldquo; « Левая двойная кавычка
& Rdquo; « Правильная двойная кавычка
& LAQUO; « Левый угол цитаты
& RAQUO; » Цитата под прямым углом
& Рег; ® Зарегистрированная торговая марка
&сделка; Торговая марка
& Копировать; © авторское право
& Цент; ¢ цент
& Фунт; £ фунт
&евро; Евро
& Иен; ¥ иена
& Frac14; ¼ Одна четверть
& Frac12; ½ Одна половина
& Frac34; ¾ Три четверти

Более полный список кодов и их альтернативных номеров сущностей можно найти на странице HTML-сущностей W3Schools.

У всех нас были приключения с использованием специальных символов онлайн. На какие подводные камни вы стали жертвой? И какой совет вы можете дать, чтобы помочь другим избежать их?