11 Порождаемое содержимое.

Порождаемое содержимое.

Порождаемым будем называть содержимое, не находящееся в дереве документа, а размещаемое на странице при ее выводе в окне браузера, печати, показе на экране с проектора, чтении вслух или ином способе доведения до клиента. Порождаемым содержимым могут быть некоторый текст, изображения и прочие элементы (в том числе значения атрибутов), добавляемые до элемента или после него. Им можно пользоваться для вставки имени человека, изменившего документ, после удаленного текста (элемент del). Помимо этого, существует несколько свойств для управления счетчиками - механизмом нумерации элементов в списках с буквенно-цифровыми обозначениями. Используя их вместе с порождаемым текстом, нетрудно перед каждым заголовком автоматически нумеруемого раздела вставить слово «Раздел». Позволив пользовательскому агенту самостоятельно вставлять метки и числа, упрощаем перестроение и переразметку документов больших размеров, поскольку исправлять числа в исходном докменте вручную нет ни малейшей необходимости. Хотя куда проще сейчас все это делается через интерактивный язык.

Добавление содержимого.

Порождаемое содержимое задается в таблице стилей совместно с псевдоэлементом : before или : after. Селектор :before инициирует вставку содержимого (чаще всего текстовых символов, изображений или кавычек, хотя и не только их) непосредственно перед помеченным таким образом элементом. Псевдоэлемент : after вставляет содержимое сразу после него. Оба псевдоэлемента используются со свойством content, предназначенным для задания места вставки порождаемого содержимого документа.

Свойство content. Значения:

                          normal
                          string
                          uri
                          counter
                          attr
                          identifier
                          open-quote
                          close-quote
                          no-open-quote
                          no-close-quote
                          inherit

Начальное значение: normal. Применимо: К псевдоэлементам :beforen, : after. Наследуется: Нет.

Значения свойства content делятся на три обширные категории: кавычки, счетчики, а также все остальное

.

На вставку текстовых строк распространяется несколько синтаксических требований:

                       • По умолчанию добавляемый текст будет размещаться 
                         вплотную к началу или концу элемента как такового. 
                         Желая разделить текст и элемент некоторым расстоянием,
                         добавьте в порожденное содержимое символ пробел. 
                         Например, здесь после закрывающей скобки в значении 
                         свойства content пробел необходимо добавить явно: 
                         content: "[JNR]"; Не будь в значении пробела, скобка
                         оказалась бы выведена вплотную к букве «V» элемента.
                         
                       • Значение свойства content не подвергается синтаксическому 
                         разбору, а значит, если добавить в него разметку HTML или
                         сущности символов, они появятся в итоговом документе в том 
                         виде, как были набраны изначально.
                         
                       • Для вставки в порождаемый текст разрыва строки необходимо
                         использовать строку \А . Располагая большим фрагментом,
                         который в документе источнике нужно разбить на строки,
                         отметьте конец каждой такой строки eseape-символом \. 
                         При выводе текст будет переноситься, как будто этих разрывов
                         не было. Кроме того, как порождаемый текст можно использовать
                         значение атрибута произвольного элемента, задав в значении 
                         сойства content инструкцию attr (attribute- name). Одно из
                         жизненных применений этой возможности состоит в выводе на печать
                         URL-адреса ссылки, что позволяет читателю документа в дальнейшем
                         воспользоваться указанным в ней ресурсом.

seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы