9.2. Генерируемое содержимое

9.2. Генерируемое содержимое

В некоторых случаях у вас может возникнуть необходимость в том, чтобы браузер пользователя отображал на экране содержимое, которое не принадлежит так называемому «дереву» HTML-документа. Хорошим примером может служить нумерованный список. Без сомнения, вам не захочется вводить числа нумерации вручную. Ведь если список довольно большой, а вам вдруг необходимо добавить элемент в его начало, то придется менять всю нумерацию. Не правда ли, будет гораздо удобнее, если браузер будет генерировать нумерацию автоматически? Согласитесь, также гораздо удобнее работать с большими страницами, если, к примеру, браузер сам добавляет слово «Рисунок» и номер рисунка перед его названием или, например, вставляет надпись «Глава 9.» перед заголовком девятой главы.

Хотя это может показаться нелепым, но в отличие от HTML CSS предоставляет средства для решения данных проблем.

С помощью CSS можно генерировать содержимое несколькими способами:

• с использованием свойства content в сочетании с псевдоэлементами: before и: after;

• с использованием элементов, свойство display которых принимает значение list-item.

Подробно рассмотрим все возможности CSS по генерации содержимого и начнем с использования свойства content.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

8.2.3.9.1 Содержимое

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен


Содержимое компакт–диска

Из книги Компьютер и здоровье автора Баловсяк Надежда Васильевна

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


Содержимое заголовков

Из книги Основы AS/400 автора Солтис Фрэнк

Содержимое заголовков Теперь, после рассмотрения структуры системных объектов и их отображения на сегменты памяти можно перейти к рассмотрению содержимого заголовков сегмента и ЕРА. Как мы видели на рисунке 5.6, заголовок сегмента занимает первые 32 байта каждого


ГЛАВА 18. Генерируемое содержимое

Из книги HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов автора Дронов Владимир

ГЛАВА 18. Генерируемое содержимое В предыдущей главе мы познакомились с одной из самых передовых интернет- технологий, применяемых в Web-дизайне, — подгружаемым содержимым. И, как оказалось, подгружать только часть содержимого Web-страницы значительно выгоднее, чем


Введение в генерируемое содержимое. Базы данных

Из книги Самоучитель работы на Macintosh автора Скрылина Софья

Введение в генерируемое содержимое. Базы данных Генерируемое содержимое Web-страницы, как следует из определения, — это фрагменты ее содержимого, которые не описываются в HTML-коде, а создаются программно, особым Web-сценарием. Содержимое может генерироваться как при


ГЛАВА 18. Генерируемое содержимое 

Из книги CSS3 для веб-дизайнеров автора Сидерхолм Дэн

ГЛАВА 18. Генерируемое содержимое  В предыдущей главе мы познакомились с одной из самых передовых интернет-технологий, применяемых в Web-дизайне, — подгружаемым содержимым. И, как оказалось, подгружать только часть содержимого Web-страницы значительно выгоднее, чем


Введение в генерируемое содержимое. Базы данных

Из книги Недокументированные и малоизвестные возможности Windows XP автора Клименко Роман Александрович

Введение в генерируемое содержимое. Базы данных Генерируемое содержимое Web-страницы, как следует из определения, — это фрагменты ее содержимого, которые не описываются в HTML-коде, а создаются программно, особым Web-сценарием. Содержимое может генерироваться как при


6.1.14. Сортируем содержимое таблицы

Из книги Готовимся к пенсии: осваиваем Интернет автора Ахметзянова Валентина Александровна

6.1.14. Сортируем содержимое таблицы Для выполнения задания нам понадобится материал разд. 5.1.13.ЗаданиеСоздать таблицу, приведенную на рис. 6.18. Отсортировать таблицу в порядке убывания номеров школ и для каждой школы в порядке убывания номера класса. Электронный вид


4. Преобразовывая содержимое

Из книги автора

4. Преобразовывая содержимое Как и CSS-переходы, CSS-трансформации были изначально разработаны командой WebKit, и затем их включили в два отдельных рабочих черновика W3C:1. CSS 2D-преобразования (http://www.w3.org/tR/Css3-2d-transforms/);2. CSS 3D-преобразования (http://www.w3.org/tR/Css3-3d-transforms/).В этой книге мы


Содержимое списков

Из книги автора

Содержимое списков Для формирования содержимого некоторых списков стандартных диалогов Windows используется ряд стандартных параметров (о ветвях, используемых для формирования списков стандартных диалогов, будет рассказано чуть позже). Эти параметры создаются в дочерних


Содержимое шаблонов безопасности

Из книги автора

Содержимое шаблонов безопасности Все шаблоны безопасности содержат следующие разделы: Политики учетных записей, Локальные политики, Журнал событий, Группы с ограниченным доступом, Системные службы, Реестр и Файловая система. Вкратце рассмотрим каждый из этих


Форматируем содержимое странички

Из книги автора

Форматируем содержимое странички Для того чтобы текст на наших страничках смотрелся красиво, его необходимо отформатировать. Для этого есть несколько тегов, вот ими сейчас и