На самому початку даної глави ми дізналися, що всі розглянуті нами атрибути стилів можна вказувати для будь-яких елементів Web-сторінок: і блокових, і вбудованих. Значить, ми можемо поставити розмір шрифту і для абзацу (блочного тега
), І для відтворення інформації (вбудованих тегів і ). Це дуже корисна можливість.
Але що робити, якщо нам знадобилося застосувати будь-якої стиль до довільного фрагменту тексту, що не позначаючи його ніяким тегом? Наприклад, нам потрібно виокрем лити напівжирним шрифтом фрагмент абзацу, але ми не хочемо укладати його в тег . Чи може CSS нам в цьому допомогти?
CSS не може. Зате може HTML. Він спеціально для таких випадків надає особливі елементи Web-сторінки - контейнери - і, звичайно, відповідні теги. Про контейнерах зараз і піде розмова.
Контейнер - елемент Web-сторінки, призначений тільки для виділення будь-якого її фрагмента. Таким фрагментом може бути частина блочного елемента (абзацу, заголовка, цитати, тексту фіксованого форматування і ін.), Блоковий елемент або відразу кілька блокових елементів. Web-оглядач ніяк не виділяє контейнер на Web-сторінці.
Контейнер служить двом цілям. По-перше, з його допомогою ми можемо прив'язати до певного елементу або елементів Web-сторінки потрібний стиль; для цього достатньо укласти даний елемент або елементи в контейнер і прив'язати стиль до нього. По-друге, він може забезпечувати прив'язку поведінки до елементу або елементів Web-сторінки; виконується це таким же чином, що і в разі стилю. (Про поведінку Web-сторінки розмова піде в частині III.)
Контейнери бувають блокові і вбудовані. Розмова про блокові контейнерах ми відкладемо до глави 10, в якій будемо розглядати контейнерний Web-дизайн. Поговоримо про вбудованих контейнерах.
Уже за визначенням ясно, що вбудований контейнер є частиною блочного елемента Web-сторінки. Так, блоковим контейнером може стати фрагмент абзацу або цитати, графічне зображення, поміщене в абзац, і ін.
Вбудований контейнер створюється за допомогою парного тега . Фрагмент блочного елемента, який потрібно перетворити в зміст вбудованого контейнера, поміщають в цей тег:
подання створюється за допомогою стилів CSS.
Тут ми помістили у вбудований контейнер фрагмент абзацу.
Толку від нашого першого вбудованого контейнера ніякого. Тому давайте прив'яжемо до нього який-небудь стиль (лістинг 8.1).
Тепер слово "Подання" буде набрано напівжирним шрифтом.