» » Пиктограммы в HTML (XHTML)

Пиктограммы в HTML (XHTML)

Пиктограммы – маленькие печатные знаки,
символически отображающие суть предмета,
на который они указывают


☺☻♥♦♣♠•◘○

  1. Пиктограммы
  2. Пиктограммы в Юникод
  3. Пиктограммы Юникод в HTML
  4. Таблица пиктограмм Юникод в HTML
  5. Таблица символов Юникод в Word (Бонус)
  6. Таблица популярных символов Юникод в HTML

Пиктограммы

Пиктограммы (от лат. pictus — нарисованный) – маленькие схематические картинки, значки-изображения, символизирующие что-либо или ассоциирующиеся с чем-либо. Самые известные примеры пиктограмм – смайлики и иконки в менюшках программ и сайтов. Пиктограммы очень удобно применять при оформлении текста. Главное условие для пиктограммы – это её «узнаваемость» т.е., пиктограмма должна отображать важнейшие черты объекта или предмета, явления или действия. Размер пиктограммы ничем не лимитирован, однако, общепринято, что каждая пиктограмма должна иметь вид равностороннего прямоугольника (квадрата) со стороной, равной 16px, 24px, 32px, 40px и 48px.

Пиктограммы в Юникод

Юникод – это таблица печатных и непечатных текстовых знаков, закодированных универсальным машинным кодом, понятным для всех компьютеров всех систем. Отсюда и название – Юникод (Уникод). Некоторые пиктограммы (значки, изображения) были закодированы в Юникод наравне с буквами и цифрами. А всё оттого, что создатели Юникода сочли немыслимым быстрый набор и печать текста без пиктограмм. Может, так оно и было-то, на момент создания Юникода. Да только теперь, пиктограммы в Юникод – вымирающее явление.

Будучи закодированными в эти таблицы с незапамятных времён, пиктограммы Юникод уходят от нас, примерно так-же, как ушли в земную историю пейджеры и тамагочи. Нет, они там остаются и их никто не выбрасывает из Юникода. Просто, появились и развились новые способы передачи графической информации в тексте, и кодированные унылые пиктограммы из Юникода – уже никому не нужны. Хотя, иногда ещё применяются.

Безусловно, в своё время, пиктограммы в Юникод были невероятным прорывом в текстовом Интернет-вещании, поскольку тогда скорость интернета оставляла желать лучшего, а малюсенькие картинки в тексте уже были нужны. С тех пор прошло много лет. Развитие Интернета и графических программ превратили пиктограммы в Юникод в антагонизм, рудиментальный (отмирающий) придаток для текстовых знаков. Ныне, можно найти и скачать (или создать самому) невероятно-огромное количество графических наборов пиктограмм на любую тематику и оформить их в любом стиле. Все эти наборы сделаны в графических программах типа фотошопа и нет никакого смысла кодировать пиктограммы в Юникод. Поэтому, эта статья уже не представляет практического интереса. Так, чистая теория, дань матушке истории и госпоже объективности. И, не более того.

Пиктограммы в HTML

Пиктограммы, закодированные в Юникод, пришли конечно-же и в HTML (язык разметки веб-документов). Из Юникода в HTML пиктограммы попали только потому, что HTML – это язык для набора онлайн-текстов. Язык, который обязан поддерживать и отображать все печатные и непечатные знаки, и прежде всего – Юникод. А как-же иначе?

Как и в Юникоде, в HTML, каждая пиктограмма получила свой уникальный набор служебных символов, который позволяют браузеру отображать её (пиктограмму) на экране монитора. Такой уникальный набор служебных символов в HTML ещё называют «числовые ссылки на символы» или мнемоники. Числовые ссылки на символы и мнемоники – это разные способы записать код для отображения одного и того-же символа. Мнемоники присвоены только наиболее популярным пиктограммам, тогда как числовые ссылки есть абсолютно у всех.

Таблица пиктограмм Юникод в HTML

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

На этой странице собраны пиктограммы Юникод, которые имеют собственный HTML-код и соответственно – могут быть вставлены в HTML-текст наравне с обычными текстовыми знаками. Это делает данные символы незаменимыми при вёрстке шаблонов и т.д., когда необходимо править именно HTML-текст.

Чтобы вставить пиктограмму, нужно скопировать её код непосредственно в HTML-текст или скопировать изображение пиктограммы из окна браузера в окно своего визуального HTML-редактора. Работать будет, и так, и так.

Таблица пиктограмм в HTML (XHTML)

 
†
†
†

‡
‡
ǂ
‡

 
☦

 
☨

✝

✞

✙

✚

✛

✜

☽

☾

✟

✠

✢

✣

✤

✥

✦

✧

❖

✡ 

☀ 

☼ 

♨

☁

☂

☃

☄

✈ 

☎

☏

✆

✄

✃

✉

✌

✍

✭ 

✮ 

✯ 

✰ 

★

☆

✩

✪

✫

✬

✱

✲

✳

✴
✵  

✷

&#10040

✹

✺

✻

✼

✽

✾

✿

❀

❁

❂

❃

❄

❅

❆

❇

❈

❉

❊

❋

✓ 

✔ 

☑ 

❍

❏

❐

❑

❒

☒ 

☠

☢

☣

✇

☓ 

☡ 

☤

☥

✕

✖

✗

✘

☺

☹

☧

☩

☪

☫

☬

☭

☮

☯

☸

☻ 

☿

♀

♁

♂
   

♃

♄

♅

♆

♇

♈

♉

♊

♋

♌

♍

♎

♏

♐

♑

♒

♓
 

 

Карты, шахматы, музыка


♠
♠

♣
♣

♥
♥

♦
♦
 
♬  

♤

♧

♡

♢
   

♔

♕

♖

♗

♘

♙

♚

♛

♜

♝

♞

♟

♯

♭

♮

♩ 

♪ 

♫ 

 

Таблица символов Юникод в Word

(Бонусная тема от tehnopost.info)
При наборе текста в Word пиктограммы нужны бывают гораздо чаще, нежели в HTML. Чтобы в Word быстро набрать символ Юникод, можно воспользоваться приведённой ниже таблицей.

Пример использования таблицы:
alt + 1 = ☺; alt + 2 = ☻; alt + 3 = ♥; alt + 4 = ♦; alt + 5 = ♣;
alt + 6 = ♠; alt + 7 = •; alt + 8 = ◘; alt + 9 = ○; alt + 10 = ◙; и т.д.
Слева указаны десятки, а сверху – единицы. Что бы набрать символ, нужно при активной лампочке Num Lock зажать клавишу Alt и, не отпуская её, набрать код символа. После чего, нужно отпустить клавишу Alt, и в строке появится требуемый символ Юникод.
Таблица символов Юникод в Word
Как вставить символ Юникод в Word



Дополнительно:

  1. Символы управления HTML (XHTML)
  2. Синтаксис и пунктуация
  3. Товарные знаки и валюта
  4. Математика и физика
  5. Стрелки и указатели
  6. Таблица пиктограмм в HTML (XHTML)
  7. Карты, шахматы, музыка

Таблица популярных символов Юникод в HTML (XHTML)

Ключевые слова статьи: HTML сайт интернет

Поделиться ссылкой на статью в социальной сети, добавить в избранное или распечатать:
  1. <
    Гость

    23 декабря 2014 21:23

    Alt+0248=знак "диаметр" (для Word)
  2. <
    Гость

    3 февраля 2015 03:57

    кавычки слегка не такие нарисованы по этой табличке
    alt + 34 => "это англицкие кавычки",
    тогда как в табличке нарисованы русские двойные кавычки.
    Русские двойные кавычки набираются с клавиатуры так:
    alt + 0171 => ««« (левая),
    alt + 0187 => »»» (правая)
    ну, и тире еще я люблю щелкать с клавы
    , типа того: alt + 0150 => –, –, –,
    или так: alt + 0150 => —, —, —,
    минус (дефис) он покороче будет -, -, -,
     а так ниче, прикольная инфа

Добавление комментария

Введите код: *
Кликните на изображение чтобы обновить код, если он неразборчив