возврат

## Оформление текста

### Ответы на вопросы

На этой странице:

- Ответы на вопросы дизайна
- Ответы на технические вопросы

### Ответы на вопросы дизайна

1. Назовите типографские способы выделения текста.

   Ответ. Для выделения используют:

   - шрифт;
   - размер шрифта;
   - цвет (не рекомендуется);
   - курсив;
   - жирность.
2. Почему не рекомендуется один и тот же текстовый фрагмент выделять несколькими способами сразу?

   Ответ. Если выделение “пережать”, оно будет “бить” по глазам читателя.

3. Назовите исключения из правила “не делать многочисленных выделений одного и того же фрагмента”.

   Ответ. Это исключение — для заголовков. Часто их выделяют жирностью, повышенным кеглем, а иногда дополнительно рубленым шрифтом.

4. Почему не рекомендуется дополнительно выделять гиперссылки?

   Ответ. Дополнительно выделять гиперссылки не рекомендуется. Ведь в них уже два выделения (цвет, подчёркивание).

5. Какой типографский способ выделения текста является самым употребительным?

   Ответ. Наиболее распространены выделения курсивом и жирностью. Чаще используют курсив, реже — жирность.

6. Почему не рекомендуется выделять текстовые фрагменты на страницах сайта цветом и подчёркиванием?

   Ответ. Выделять обычный текст цветом и (или) подчёркиванием не рекомендуется — так традиционно выделяются ссылки.

7. Почему не рекомендуется выделять текстовые фрагменты прописными буквами?

   Ответ. ЧТЕНИЕ ФРАГМЕНТА, ЗАПИСАННОГО ПРОПИСНЫМИ БУКВАМИ ВЕСЬМА ЗАТРУДНИТЕЛЬНО. КРОМЕ ТОГО, ТАКОЙ ТЕКСТ АССОЦИРУЕТСЯ С КРИКОМ.

   На читателя, зашедшего в гости на сайт, лучше не кричать — вдруг обидится!

8. Какое правило работает при выделении текста в кавычках?

   Ответ. Кавычки должны быть того же начертания и цвета, что и заключённый в них текст.

9. Какое правило работает при выделении текста в скобках?

   Ответ. Скобки, заключающие выделенный фрагмент, должны иметь начертание и цвет основного текста.

10. Какое правило работает по отношению к знакам препинания, следующим за выделенным фрагментом?

    Ответ. Знаки препинания, следующие за выделенным фрагментом, должны иметь начертание и цвет основного текста.

11. Почему не рекомендуется выделять большие массивы текста?

    Ответ. Выделить всё, значит, не выделить ничего — пропадает смысл выделения. Кроме того, текст, записанный сплошными выделениями, читать сложнее обычного текста.

12. Почему важно для выделений использовать теги в соответствии с их логическим назначением?

    Ответ. Эта рекомендация восходит к общему принципу порядка в любом деле (зачем на клетку со слоном вешать табличку “буйвол”). Если выделение, которое делает браузер для логического тега, не устраивает разработчика, его можно всегда переопределить при помощи CSS.

13. Почему не рекомендуется записывать основной текст страницы с использованием элемента `PRE`?

    Ответ. Для этой рекомендации есть две серьёзные причины:

    - браузер выводит на экран текст элемента `PRE` моноширинным шрифтом, т. е. шрифтом с одинаковой шириной знакоместа (каждого символа). Такие шрифты читаются хуже пропорциональных, у которых каждый символ занимает столько места, сколько ему на самом деле нужно;
    - текст, записанный внутри элемента `PRE`, браузер не форматирует по текущей ширине окна, значит, в узких окнах текст не будет виден целиком (для его просмотра браузер отобразит горизонтальную полосу прокрутки), а в широких окнах справа от текста будет пустое пространство.
14. Почему выравнивание элементов на странице так важно?

    Ответ. Абстрактная прямая лежит в основе многих визуальных построений. Если прямую, соединяющую разные элементы на странице, провести не удаётся, то, за редкими исключениями, такой дизайн воспринимается как явная ошибка.

15. Назовите четыре способа выравнивания текста по горизонтали.

    Ответ. По левому краю, по правому краю, по центру, по ширине.

16. Какой способ выравнивания текста по горизонтали является самым употребительным?

    Ответ. Выравнивание текста по левому краю является стандартным. Несмотря на рваный правый край, читать комфортнее, по сравнению с чтением текста выровненным справа и даже по ширине (в нешироких окнах).

    Ровный левый край помогает, конечно, только тем, кто читает слева направо. У текстов на арабском или иврите ровным должен быть правый край.

17. Какой недостаток имеет текст с центрированными строчками? В каких случаях можно использовать центрирование текста?

    Ответ. Центрированные строки мешают чтению: у текста нет ни одного ровного края (это мешает чтению и тем, кто читает слева направо, и тем, кто читает справа налево).

    Браузер не способен выровнять строки строго по центру. Так как текст не имеет внятной осевой линии, возникает ощущение визуального беспорядка на экране.

    Выравнивание по центру можно рекомендовать только для заголовков.

18. Какой недостаток имеет текст со строчками, выровненными справа? В каких случаях можно использовать выравнивание текста по правому краю?

    Ответ. При выравнивании справа, рваный левый край существенно затрудняет чтение. Это, конечно, справедливо только для текстов, которые читаются слева направо.

    Такое выравнивание можно использовать для очень небольших текстовых фрагментов (эпиграфов, подписей, позиций меню).

19. Какой недостаток имеет текст со строчками, выровненными по ширине?

    Ответ. Выравнивание по ширине очень приятно: и слева и справа текст имеет ровную границу.

    Так как браузер не умеет переносить слова по слогам (замечу, что это не великая премудрость, даже простой роботландский Микрон умеет это делать), то в текстах с длинными словами в нешироких окнах возникают значительные пустоты.

20. Какой атрибут можно использовать для выравнивания текста по горизонтали? Перечислите значения этого атрибута. В каких тегах можно использовать этот атрибут?

    Ответ. Для выравнивания текста можно использовать атрибут `align` со значениями `left`, `right`, `center`, `justify` (выравнивание слева, справа, по центру, по ширине).

    Атрибут `align` можно записывать в тегах `<P>`, `<DIV>`, `<Hn>`, `<HR>` и некоторых других.

21. Назовите два способа кодирования специальных символов.

    Ответ. Первый способ — построение мнемонического кода с использованием ключевого слова, обозначающего символ:

    `&имя;` (например, `&nbsp;`)

    Второй способ — построение числового кода символа:

    `&#код;` (например, `&#160;`)

22. Когда в записи текста используется дефис, а когда тире?

    Ответ. Дефис используется как знак переноса и для соединения частей сложного слова. Тире же, наоборот, вставляет в текст как бы небольшую паузу. Тире гораздо длиннее дефиса.

    Это — тире!

    Дефис гораздо короче: посмотри-ка!

23. Как кодируется тире в начале и в середине абзаца?

    Ответ. В начале абзаца записывается код тире, а после него — обычный пробел.

    — Эй, Вася, посмотри, как я кодирую тире!

    Если абзац выравнивается по ширине, то вместо обычного пробела после тире в начале абзаца лучше использовать неразрывный пробел (чтобы между тире и следующим словом не получилось “дыры”).

    В середине абзаца слева от тире ставится неразрывный, а справа обычный пробел.

24. Почему не рекомендуется записывать в качестве кавычек знак дюйма (так называемые “прямые” кавычки)?

    Ответ. “Прямых” кавычек нет ни в одном языке. Дмитрий Кирсанов в своей книге “Веб-дизайн” пишет:

    > Всего существует четыре типа кавычек: «французские» (иначе называемые «елочки»), „немецкие“ („лапки“), “английские обычные, или двойные”, и ‘английские одинарные’. В русском языке традиционно применяются французские «елочки», а для «кавычек „внутри“ кавычек» — немецкие „лапки“.

    В настоящее время в текстах на русском языке довольно часто записывают одноуровневые (верхние) “лапки”.

25. Какую роль играет неразрывный пробел при кодировании текста?

    Ответ. Неразрывный пробел запрещает браузеру использовать своё место для разрыва строки при автоматическом форматировании текста. Кроме того, неразрывный пробел имеет фиксированный размер, и не будет растягиваться браузером при выравнивании текста по ширине.

    Неразрывные пробелы употребляют для предотвращения неблагозвучных или затрудняющих чтение межсловных переносов и пробелов большого размера (при выравнивании текста по ширине).

26. Перечислите типичные случаи использования неразрывного пробела при разметке текста.

    Ответ. Характерные случаи использования неразрывного пробела приводятся ниже:

    Между инициалом и фамилией:

    Вид | Код
    --- | ---
    И. Сидоров | `И.&nbsp;Сидоров`
    А. А. Дуванов | `А.&nbsp;А.&nbsp;Дуванов`

    В многословных сокращениях:

    Вид | Код
    --- | ---
    т. д. | `т.&nbsp;д.`
    т. п. | `т.&nbsp;п.`

    Между знаком номера или параграфа и числом, относящимся к нему:

    Вид | Код
    --- | ---
    № 13 | `&#8470;&nbsp;13`
    § 1 | `&sect;&nbsp;1`

    Между маркером пункта и текстом, следующим за ним:

    Вид | Код
    --- | ---
    a) Первый пункт | `a)&nbsp;Первый пункт`
    1. Первый пункт | `1.&nbsp;Первый пункт`

    Между числом и единицей измерения, относящейся к нему:

    Вид | Код
    --- | ---
    220 В | `220&nbsp;В`
    1024 байт | `1024&nbsp;байт`
    XXI век | `XXI&nbsp;век`
    2007 г. | `2007&nbsp;г.`

    Перед тире в середине предложения (после тире идет обычный пробел):

    Вид | Код
    --- | ---
    Пиксел — это точка на экране. | `Пиксел&nbsp;&#8212; это точка на экране.`

    Между классами многозначных чисел, начиная с пятизначных:

    Вид | Код
    --- | ---
    32 541 | `32&nbsp;541`
    4 937 543 246 | `4&nbsp;937&nbsp;543&nbsp;246`

    Перед номерами версий программных продуктов и частями их названий:

    Вид | Код
    --- | ---
    Windows XP | `Windows&nbsp;XP`
    Photoshop 9 | `Photoshop&nbsp;9`

### Ответы на технические вопросы

Опишите средства разметки выделенных фрагментов.

1. Ответ. Выделение цитат и названий внутри абзаца. Элемент `CITE`.

2. Ответ. Выделение больших цитат (в один или несколько абзацев). Элемент `BLOCKQUOTE`.

3. Ответ. Выделение определяемых терминов. Элемент `DFN`.

4. Ответ. Выделение фрагментов кода внутри абзаца. Элемент `CODE`.

5. Ответ. Выделение фрагмента текста программы. Элемент `PRE`.

6. Ответ. Мягкое выделение обычных слов. Элемент `EM`.

7. Ответ. Сильное выделение обычных слов или их частей. Элемент `STRONG`.

8. Ответ. Укрупнение шрифта. Элемент `BIG`.

9. Ответ. Уменьшение размера шрифта. Элемент `SMALL`.

10. Ответ. Изменение размера шрифта. Атрибут `size` элемента `FONT`.

вверх | возврат