Введення в об'єкти, образи й аплети

 

Якби HTML-документи складалися тільки з тексту, WWW не придбав би своєї сьогоднішньої популярності. На щастя, розроблювачі мови зрозуміли це досить швидко й додали до стандарту підтримку графічних образів (тобто малюнків і фотографій), аплетов (тобто програм, які автоматично завантажуються й виконуються на комп'ютері-клієнті), мультімедийных об'єктів (тобто аудіофайлов і відеокліпів) і інших HTML-документів. Попередні версії мови HTML дозволяли авторам включати в HTML-документи графічні образи (у вигляді елемента IMG) і аплети мови Java (у вигляді елемента APPLET). Ці елементи мали досить серйозні обмеження по використанню, тому в HTML 4.0 з'явився новий елемент OBJECT, що забезпечує включення в документи будь-яких об'єктів, типи яких відомі оглядачеві. Наступна таблиця показує, як можливості елемента OBJECT співвідносяться з можливостями старих елементів:

 

 

З таблиці видно, що

для включення в документ графічних образів використаються елементи IMG або OBJECT;

для включення в документ мультімедійних файлів й аплетов варто використати тільки елемент OBJECT;

для включення в документ інших HTML-документів використаються елементи IFRAME або OBJECT.

Із графічними образами й іншими об'єктами, що включають у документ, також як і з будь-яким текстовим елементом, можуть бути зв'язані гіперпосилання (див. опис елемента A). Але, крім стандартного механізму гіперпосилань, із графічними образами можуть бути зв'язані й т.зв. карти посилань, що дозволяють розбити графічний образ на кілька областей і зв'язати з кожною областю своє гіперпосилання. У наступних параграфах цієї лекції розглянуті всі механізми, які мова HTML надає для включення в документи різних об'єктів і для створення карт посилань.

Вставка образа: елемент IMG

Синтаксис: <IMG> (умісту й кінцевого тегу немає) Атрибути: id, class, style, title, lang, dir, події src = URI (URI графічного файлу) alt = текст (альтернативний текст) longdesc = URI (URI докладного опису образа) name = CDATA (назва образа) width = розмір (ширина образа) height = розмір (висота образа) usemap = URI (URI клієнтської карти посилань) ismap = ismap (серверна карта посилань) Підтримка: Атрибут longdesc ігнорується (5.0+) Атрибут longdesc ігнорується (4.0+)

Елемент IMG (image) включає в документ графічний образ. Він може втримуватися в будь-яких текстових і блокових елементах, крім PRE. Обов'язковий атрибут src указує на місце розташування файлу, у якому зберігається відповідне зображення; цей файл повинен бути в одному із трьох форматів, підтримуваних оглядачами (GIF, JPEG або PNG). Обов'язковий атрибут alt задає альтернативний текст, що виводиться оглядачем замість образа, якщо висновок графічних зображень відключений або не підтримується. Всі інші атрибути є необов'язковими.

Атрибут longdesc містить посилання на докладний опис даного образа. Це опис повинне доповнювати короткий опис, заданий атрибутом alt. Він особливо корисний, якщо з образом зв'язана карта посилань; у цьому випадку він повинен містити пояснення до карти.

Атрибут name містить назва образа, на яке можна посилатися в таблицях стилів і сценаріях. Цей атрибут зберігається тільки з метою сумісності зі старими оглядачами; у цей час рекомендується використати замість нього атрибут id.

Атрибути width й height задають розміри образа на екрані по горизонталі й вертикалі відповідно. Ці атрибути корисніше всього, коли вони вказують точні розміри образа в пікселях. Їхнє завдання дозволяє оглядачеві зарезервувати простір для образа при завантаженні документа й тим самим трохи прискорити його відображення. Помнете, однак, що багато оглядачів виділяють простір для образа на основі цих атрибутів навіть тоді, коли вони відображають не образ, а альтернативний текст. Це може привести до того, що альтернативний текст буде видний не повністю (якщо розміри образа малий або текст досить великий). Розміри образа можна вказати й у відсотках від розміру екрана (не від розміру образа), але образи, масштабовані оглядачами звичайно виглядають погано, тому подібної практики варто уникати.

Атрибут usemap указує на клієнтську карту посилань, певну елементом MAP. Його значенням повинне бути ім'я закладки, задане атрибутом name відповідного елемента MAP.

Атрибут ismap указує на серверну карту посилань. Якщо елемент IMG містить цей атрибут, і користувач клацає мишею на відображенні образа, оглядач передає координати крапки щиглика серверу, а той передає оглядачеві відповідний документ.

Приклад:

Code 6.5 <IMG src="http://www.somecompany.com/People/Yury/family.jpg" alt="Фотографія моєї родини на відпочинку">

Той же ефект може бути досягнуть за допомогою елемента OBJECT: