VITRAGE: Примеры
· 1. "Распорки"
· 2. Изображения
· 3. "Колонтитулы"
· 4. Ссылки
· 5. Многоязычные сайты
· 6. Организация меню
· 7. Однотипные элементы
· 8. Формы и их обработка
· 9. Случайные операции
· 10. Циклы
· 11. "Ленты" данных
· 12. Внешние скрипты
· 13. Работа с файлами
· 14. "Бесконечный копирайт"
 
Практика
· Немного о стилях парсинга
· Примеры использования
· Работающие сайты
· Хостинги
· Вопросы и ответы
· Задать вопрос
· E-mail
 
Теория
· Компиляция и установка
· Идеология VITRAGE
· Оптимизация HTML
· Создание виртуальных хостов
· Создание структуры доменов
· Ваш собственный язык гипертекстовой разметки
 
О модуле
· Что такое VITRAGE
· История модуля
· Загрузить модуль
· Документация целиком
· Загрузить документацию в формате MS Word
· Слово автора
· English version
 
Технология VITRAGE
Один из витражей города Иркутска
Исходный код
· VHTML-код этой страницы (в новом окне)
· VHTML-код файла vitrage (в новом окне)
 
· Пример 2. Практичная вставка изображений

Правилом хорошего тона в HTML-верстке при вставки изображений посредством тэга <src> является указание значений для атрибутов border и alt. Замечено, что атрибут border чаще всего принимает значение "0", а атрибут alt - значение "" (пустая строка). Пользуясь этим наблюдением, можно задать новый тэг, в котором атрибутам border и alt будут присвоены соответствующие значения по умолчанию:

<image src="" border=0 alt="" width=1 height=1>
<img src="$src$" border=$border$ alt="$alt$" width=$width$ height=$height$>
</image>

Заметим, что в описании можно было и не указывать значений по умолчанию для атрибутов src, width и height, но будем считать это действие правилом хорошего тона в VHTML-верстке (к тому же это очень помогает не забывать, какие атрибуты должен или может иметь данный тэг).

Таким образом, мы избавляемся от необходимости каждый раз повторять конструкцию "alt="" border=0" при вставке изображений, но, однако, можем и изменять эти значения при необходимости:

<image src="/img/dot.gif" width=10 height=15>
<image src="logo.jpg" width=64 height=64 alt="[Логотип]">
<image src="email.gif" width=20 height=16 border=1 alt="[E-mail]">

Кстати, с использованием данного тэга описание тэга <dot> из предыдущего примера может стать таким:

<dot width=1 height=1>
<image src="/images/dot.gif" width=$width$ height=$height$>
</dot>