возврат

## Улучшенная HTML-страничка

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

1. Текст абзаца в коде записан на 5 строчках. Будет ли этот абзац на экране браузера также располагаться в 5 строчках?

   Ответ. Нет. Браузер не обращает внимания на то, как строки абзаца размещены в HTML-коде. Перевод строки в коде равнозначен для браузера пробелу при построении абзаца.

2. В каких случаях оправдано использование элемента `<BR>`?

   Ответ. Элемент `BR` нужно использовать только для специального форматирования коротких текстовых фрагментов, когда использование абзаца или других средств (списков, таблиц) неоправданно.

            <P>
       Имя: Иван<BR>
       Отчество: Александрович<BR>
       Фамилия: Сидоров<BR>
       Специальность: программист

3. В каких случаях использование элемента `BR` не рекомендуется?

   Ответ. Не рекомендуется использовать тег `<BR>` в качестве замены элемента `<P>` для отделения абзацев. Текст с такими самодельными “абзацами” будет выглядеть сплошным массивом, как один абзац с повышенной неровностью правого края.

       Лёгкость, с которой Word переводит свой текст в
       формат HTML, заставляет начинающего вебмастера
       задаться неизбежным вопросом: зачем изучать язык,
       если можно получать HTML-коды без всякой головной
       боли?<BR>

       Что касается Word, то пример явно неудачный. Как
       раз здесь, головная боль обеспечена на все
       100%.<BR>

       При использовании Word как визуального
       HTML-редактора возникает очень много проблем.

   Некоторые разработчики вместо элемента `P` используют группу из двух тегов `<BR>`. Визуально это будет похоже на использование одного тега `<P>`. Но такая подмена (непонятная сама по себе) может оказать “медвежью” услугу.

   Если разработчик решит изменить вид абзаца при помощи стилевых указаний в CSS-файле, то все настоящие абзацы будут автоматически изменены на экране, а суррогатные — нет.

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

   Ответ. Длинные абзацы всегда читать сложно, особенно, если это не художественное, а техническое изложение. Читать с экрана труднее, чем со страниц бумажной книги. Поэтому экранные абзацы должны быть очень короткими.

5. Каким ограничением на длину абзаца можно руководствоваться?

   Ответ. Не рекомендуется записывать абзацы длиннее 4–5 строк в расчёте на 80-символьные строки.

6. Приведите примеры парных тегов.

   Ответ. Примеры парных тегов:

   - `HTML`
   - `HEAD`
   - `TITLE`
   - `BODY`
   - `Hn`
   - `P`
7. Приведите примеры одиночных тегов.

   Ответ. Примеры одиночных тегов:

   - `META`
   - `HR`
   - `BR`
8. Приведите примеры парных тегов, у которых закрывающий тег не является обязательным.

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

   - `P`
   - `LI`
9. Можно ли записывать в головной части HTML-кода элементы, которые отображают на гипертекстовой странице визуальные объекты (текст, графику и т. д.)?

   Ответ. Нет. Теги, которые отображают на гипертекстовой странице визуальные объекты, можно записывать только в теле программы, то есть внутри элемента `BODY`.

10. Какой элемент в головной части HTML-кода выводит информацию в заголовок окна браузера?

    Ответ. Элемент `TITLE`.

11. Почему заголовок окна должен совпадать с заголовком страницы?

    Ответ. Это удобно по трём причинам:

    1. Когда окно с сайтом свёрнуто в кнопку на Панели Задач, пользователь видит на этой кнопке заголовок текущей страницы.
    2. Название окна заносится в набор избранных сайтов (меню Избранное), если пользователь решит запомнить ссылку на текущую страницу.

    3. Название окна — дополнительная подсказка пользователю о его текущем положении на сайте.

12. Какой элемент служит для вывода заголовков документа?

    Ответ. Элемент `Hn`. Здесь n — уровень заголовка (целое число от 1 до 6).

13. Какой элемент задаёт на экране горизонтальную линию?

    Ответ. Элемент `HR`.

14. Каким тегом нужно размечать абзацы?

    Ответ. Только тегом `<P>`.

15. Расскажите алгоритм построения браузером абзаца на экране.

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

    Внутри абзаца располагаются строчные элементы. Они выводятся на экран обычным образом: браузер заполняет текущую экранную строку до упора в правый край блока `P`, после чего остаток переносится на следующие строки.

    Для абзаца характерны отступы по вертикали (сверху и снизу), которыми браузер снабжает содержащий абзац прямоугольник. Прямоугольники обычных блоков (таких, как контейнер `DIV`) следуют друг за другом плотно, а абзацы отделяются сверху и снизу промежутками размером в одну строку.

    Таким образом, алгоритм построения абзаца можно сформулировать следующим образом:

    1. Перед абзацем формируется промежуток размером в одну строку.
    2. Абзац выравнивается по левому краю.
    3. Между словами помещается ровно по одному пробелу независимо от того, сколько пробелов проставлено в HTML-коде.
    4. Перенос текста на новую строку выполняется, если очередное слово не помещается в экранной строке, а не тогда, когда HTML-коде начинается новая строка.
    5. После абзаца формируется промежуток размером в одну строку.
16. Каким образом браузер выделяет на экране текст, записанный в тегах `<Hn>...</Hn>`?

    Ответ. Как правило, повышенным кеглем и жирностью.

17. Почему не следует использовать теги `<Hn>` для выделения обычного текста?

    Ответ. Это теги предназначены для структурной разметки. Применять их для обычных выделений текста неразумно по двум причинам.

    Во-первых, нарушение логики разметки будет мешать самому разработчику.

    Во-вторых, существуют специальные программы, которые автоматически составляют оглавление гипертекстового документа, используя элементы `Hn`. Если заголовочные теги обрамляют обычные тексты или не отражают иерархическую структуру документа, оглавление будет построено неверно.

18. Для каких целей используется тег `<HR>`?

    Ответ. Этот тег предназначен для построения на экране горизонтальной линии.

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