
- •Модуль 2: „проектування, розробка та підтримка власних web-ресурсів” Лекція №8.
- •Питання:
- •Правила побудови html-документів.
- •Специфікації html.
- •Структура html-документа.
- •3. Форматування тексту.
- •3.1. Теги рівня блоку і послідовні теги
- •3.2. Теги логічного і фізичного форматування
- •3.3. Використання спеціальних символів.
- •3.4. Посилання на інші документи і файли.
- •3.5.1. Внутрішні посилання.
- •4. Створення списків в html
- •Контрольні питання
- •Рекомендована література
3. Форматування тексту.
3.1. Теги рівня блоку і послідовні теги
Деякі HTML-теги, які можуть з'являтися в розділі BODY, називають тегами рівня блоку (block level), тоді як інші послідовними (inline) тегами або, називаючи по-іншому, тегами рівня тексту (text level), хоча таке розділення тегів по рівнях до певної міри умовно.
Відмінність рівнів HTML-тегів полягає в наступному: теги рівня блоку можуть містити послідовні теги і інші теги рівня блоку, тоді як послідовні теги містять тільки дані і інші послідовні теги. Блокові теги описують крупніші структури документів, в порівнянні з послідовними тегами.
За замовчанням теги цих видів розміщуються в тексті опису різним чином: теги рівня блоку починаються з нового рядка, тоді як послідовні - ні.
3.2. Теги логічного і фізичного форматування
Для форматування тексту HTML-документів передбачена ціла група тегів, яку можна умовно розділити на теги логічного і фізичного форматування.
Теги логічного форматування позначають (своїми іменами) структурні типи своїх текстових фрагментів, такі, наприклад, цитата (тег <CITE>), абревіатура (тег <ABBR>) і т.д. За допомогою тегів <ЕМ> і <STRONG> можна, наприклад, відзначити окремі фрагменти як виділені, або сильно виділені. Відмітимо, що йдеться про структурну розмітку, яка не впливає на конкретне екранне представлення фрагмента браузером. Тому така розмітка і називається логічною. Фрагменти з логічним форматуванням браузери відображають на екрані певним чином, заданим за замовчанням. Вид відображення ніяк не пов'язаний із структурним типом фрагмента (тобто ім'ям тега логічного форматування), але може бути легко перевизначений.
Теги фізичного форматування визначають формат відображення вказаного в них фрагмента тексту у вікні браузера. Наприклад, для відображення фрагмента курсивом можна використовувати тег курсиву <i>.
Між розробниками HTML-документів довгий час йшли суперечки про переваги і недоліки того або іншого підходу. З виходом специфікації HTML 4.0 ці суперечки завершилися на користь застосування логічного форматування, оскільки був проголошений принцип відділення структури документа від його уявлення. Дійсно, тільки на базі логічного форматування можна гнучко управляти представленням документа, використовуючи сучасні методи (засновані на таблицях стилів, документах, що динамічно змінюються, і т. д.).
Теги, що розглядаються в Додатку 3, відносяться до тегів рівня тексту, тобто покликані, в основному, розмічати невеликі групи символів. Деякі теги можуть задавати розмітку і на рівні блоку.
Ви, напевно, звернули увагу на те, що деякі елементи дають однаковий результат. Більш того, частина елементів може ніяк не змінювати представлення фрагмента тексту на екрані. Може виникнути законне питання: для чого створено таку різноманітність елементів форматування?
Відповідь - в назві цієї групи елементів. Вони призначені для розстановки логічних наголосів, виділення логічних частин і підкреслення суті висловів. Їх використання вельми актуальне, оскільки, ймовірно, в найближчому майбутньому можливості браузерів зростуть, наприклад, стане можливий пошук цитат на Web-просторі, а може бути наступне покоління браузерів навчиться читати документи вголос. Крім того, авторам документів ніщо не заважає вже сьогодні, застосовуючи таблиці стилів, задати бажане відображення для будь-якого з тегів, перевизначивши значення за умовчанням.
В Додатку 4. приведено опис тегів фізичного форматування. Частина з них не рекомендується до використання специфікацією HTML 4.0 з приведених вище причин. Деякі теги скасовані (deprecate) специфікацією HTML 4.0, проте вони продовжують підтримуватися браузерами.