Символы

Содержание

Слайд 2

Принципы отображения текста

Образец шрифта
Образец шрифта
Образец шрифта
Образец шрифта
Образец шрифта

Принципы отображения текста Образец шрифта Образец шрифта Образец шрифта Образец шрифта Образец шрифта

Слайд 3

Компьютерные шрифты

Шрифт (font) — комплект векторных форм
OpenType (.otf), TrueType (.ttf)
Шрифты принадлежат операционной

Компьютерные шрифты Шрифт (font) — комплект векторных форм OpenType (.otf), TrueType (.ttf)
системе (все программы используют общий набор шрифтов)
Способы получения шрифтов:
поставляются с операционной системой;
поставляются с прикладными программами;
устанавливаются вручную

Слайд 4

Классификация шрифтов

Категории шрифтов:
по назначению: текстовые — декоративные
по ширине: пропорциональные — моноширинные
по наличию

Классификация шрифтов Категории шрифтов: по назначению: текстовые — декоративные по ширине: пропорциональные
засечек: с засечками — без засечек
Семейства шрифтов в CSS:
serif — пропорциональные с засечками
sans-serif — пропорциональные без засечек
monospace — моноширинные
cursive — декоративные, имитирующие пропись
fantasy — декоративные

Слайд 5

Unicode

Консорциум Unicode: www.unicode.org
Каталог символов Unicode:
алфавитные символы: www.unicode.org/charts
прочие символы: www.unicode.org/charts/symbols.html
Около 100 000 символов
У каждого

Unicode Консорциум Unicode: www.unicode.org Каталог символов Unicode: алфавитные символы: www.unicode.org/charts прочие символы:
символа — уникальный шестнадцатеричный номер и название
Стандарт Unicode 5.0: www.unicode.org/versions/latest
классификация и свойства символов
кодировки символов
алгоритмы обработки символов и строк

Слайд 6

Некоторые диапазоны Unicode

основная латиница
расширенная латиница
греческий
кириллица
пунктуация
стрелки
математические символы
геометрические формы
пиктограммы

Некоторые диапазоны Unicode основная латиница расширенная латиница греческий кириллица пунктуация стрелки математические символы геометрические формы пиктограммы

Слайд 7

Кодировки символов

Кодировка (charset, encoding) — способ представления символов в двоичном коде
Кодировки Unicode:
UTF-8 —

Кодировки символов Кодировка (charset, encoding) — способ представления символов в двоичном коде
рекомендуется для веб-страниц; отключайте BOM (Byte Order Mark, Unicode Signature)
UTF-16, UTF-32
Расширенные кодировки ASCII — устарели
windows-1251, koi8-r

Слайд 8

Сведения о кодировке

В текстовом редакторе — при сохранении файла (для каждого файла) или в

Сведения о кодировке В текстовом редакторе — при сохранении файла (для каждого
настройках текстового редактора (для всех файлов)
В параметре charset элемента meta (не обязательно)

В конфигурации веб-сервера (.htaccess и др.)
AddDefaultCharset utf-8
В объявлении XML

Слайд 9

Типографские знаки

неразрывный пробел
левая кавычка
правая кавычка
знак умножения
короткое тире
длинное тире
апостроф
многоточие

Типографские знаки неразрывный пробел левая кавычка правая кавычка знак умножения короткое тире длинное тире апостроф многоточие

Слайд 10

Редкие символы

Чтобы символы отображались на веб-странице — задавайте в CSS шрифты, где есть

Редкие символы Чтобы символы отображались на веб-странице — задавайте в CSS шрифты,
эти символы
Lucida Sans Unicode (более 1700 символов)
Arial Unicode MS (более 50 000 символов)
Чтобы символы отображались в коде — используйте моноширинный шрифт, где есть эти символы
Everson Mono Unicode (около 5000 символов)

ω ∈ ∅
.unicode {
font-family: 'Arial Unicode MS', 'Lucida Sans Unicode';
}

Слайд 11

Подстановки символов (character references)

Обязательные подстановки:
< <
& &
Необязательные подстановки:
> >
" "
' '
Не используйте подстановки для символов, которые можно ввести непосредственно ( 

Подстановки символов (character references) Обязательные подстановки: &lt; &amp; & Необязательные подстановки: &gt;
, — , © и т. д.)

Слайд 12

Пробелы и переводы строк

Пробельные символы (white-space characters):
пробел (U+0020)
перевод строки, LF (U+000A)
возврат каретки,

Пробелы и переводы строк Пробельные символы (white-space characters): пробел (U+0020) перевод строки,
CR (U+000D)
горизонтальная табуляция (U+0009)
перевод строки:
Windows: CR LF
Unix, Mac OS X: LF
Пробельные символы сокращаются
Автоматические переводы строк расставляются браузером
Элемент
— принудительный разрыв строки

Слайд 13

Свойство white-space — обработка пробельных символов

Значения
Элемент pre
по умолчанию white-space: pre;
поэзия, компьютерный код

Свойство white-space — обработка пробельных символов Значения Элемент pre по умолчанию white-space: pre; поэзия, компьютерный код

Слайд 14

Свойство font-size — размер (кегль) шрифта

Кегль шрифта — высота кегельной площадки
Значения в процентах

Свойство font-size — размер (кегль) шрифта Кегль шрифта — высота кегельной площадки
и em:
Для всех элементов, кроме html: 1em = 100 % кегля шрифта родительского элемента
Для элемента html: 1em = 100 % базового кегля шрифта
Значения в других единицах — не рекомендуются (ухудшается масштабируемость шрифта)