Відмінності між версіями «4 Динамічний HTML CSS2»
Donserg (Обговорення • внесок) м (Захист на 4 Динамічний HTML CSS2 встановлено ([edit=sysop] (безстроково) [move=sysop] (безстроково))) |
|||
| Рядок 1: | Рядок 1: | ||
| − | + | Динамічний HTML (Dynamic HTML або DHTML) не є якимось особливим мовою розмітки сторінок. Це всього лише термін, пріменяесий для позначення HTML-сторінок з динамічно змінюваним вмістом. | |
| − | + | За допомогою DHTML можливо змінювати і перетягувати елементи сторінки, такі як текст чи графіка, без необхідності щоразу оновлювати сторінку. DHTML також дозволяє отримати набагато більший контроль над розташуванням елементів на сторінці - аж до одного піксела - і дозволяє вам помістити один елемент поверх іншого або рухати один над іншим. | |
| − | + | Реалізація DHTML покоїться а трьох "китах": безпосередньо HTML, каскадних таблицях стилів (Cascade Style Sheets - CSS) і мовою сценаріїв (JavaScript або VBScript). Ці три компоненти DHTML пов'язані між собою об'єктною моделлю документа (Document Object Model - DOM), яка є, по суті, інтерфейсом прикладного програмування (API). DOM зв'язує воєдино три перечеслених компонента, надаючи простому документу HTML нову якість, - можливість динамічної зміни свого вмісту без перевантаження сторінки. | |
| − | + | Об'єктна модель документа робить всі елементи сторінки програмованими об'єктами. З її допомогою через мови сценаріїв можна отримати доступ і керувати всім, що є в документі. Кожен елемент HTML доступний як індивідуальний об'єкт, а це означає, що можна змінити значення будь-якого параметра будь-якого тега HTML-сторінки, і як наслідок, документ дійсно стає динамічним. Будь-яка дія користувача об'єктною моделлю документа трактується як подія, яка може бути перехоплено і оброблено процедурою сценарію. | |
| − | + | DHTML використовує стандартні теги, і тому користувачі браузерів не підтримують DOM, практично побачать все, що задумано розробником динамічної сторінки, але тільки в статичному вигляді. | |
| − | + | (CSS2) | |
| − | + | Рекомендація W3C, прийнята 12 травня 1998 [3]. Заснована на CSS1 із збереженням зворотної сумісності за кількома винятками. Додавання до функціональності: | |
| − | + | *табличної верстки. | |
| − | + | * Типи носіїв. Дозволяє встановлювати різні стилі для різних носіїв (наприклад монітор, принтер, КПК). | |
| − | + | * Звукові таблиці стилів. Визначає голос, гучність і т. д. для звукових носіїв (наприклад для сліпих відвідувачів сайту). | |
| − | + | * сторінковий носії. Дозволяє, наприклад, встановити різні стилі для елементів на парних і непарних сторінках при друці. | |
| − | + | * Розширений механізм селекторів. | |
| − | + | * Показчики. | |
| − | + | * генерируемого вміст. Дозволяє додавати вміст, якого немає в початковому документі, до або після потрібного елемента. | |
| − | + | В даний час W3C більше не підтримує CSS2 і рекомендує використовувати CSS2.1 | |
| − | + | ||
| − | + | ||
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
Версія за 19:28, 24 грудня 2012
Динамічний HTML (Dynamic HTML або DHTML) не є якимось особливим мовою розмітки сторінок. Це всього лише термін, пріменяесий для позначення HTML-сторінок з динамічно змінюваним вмістом. За допомогою DHTML можливо змінювати і перетягувати елементи сторінки, такі як текст чи графіка, без необхідності щоразу оновлювати сторінку. DHTML також дозволяє отримати набагато більший контроль над розташуванням елементів на сторінці - аж до одного піксела - і дозволяє вам помістити один елемент поверх іншого або рухати один над іншим. Реалізація DHTML покоїться а трьох "китах": безпосередньо HTML, каскадних таблицях стилів (Cascade Style Sheets - CSS) і мовою сценаріїв (JavaScript або VBScript). Ці три компоненти DHTML пов'язані між собою об'єктною моделлю документа (Document Object Model - DOM), яка є, по суті, інтерфейсом прикладного програмування (API). DOM зв'язує воєдино три перечеслених компонента, надаючи простому документу HTML нову якість, - можливість динамічної зміни свого вмісту без перевантаження сторінки. Об'єктна модель документа робить всі елементи сторінки програмованими об'єктами. З її допомогою через мови сценаріїв можна отримати доступ і керувати всім, що є в документі. Кожен елемент HTML доступний як індивідуальний об'єкт, а це означає, що можна змінити значення будь-якого параметра будь-якого тега HTML-сторінки, і як наслідок, документ дійсно стає динамічним. Будь-яка дія користувача об'єктною моделлю документа трактується як подія, яка може бути перехоплено і оброблено процедурою сценарію. DHTML використовує стандартні теги, і тому користувачі браузерів не підтримують DOM, практично побачать все, що задумано розробником динамічної сторінки, але тільки в статичному вигляді. (CSS2) Рекомендація W3C, прийнята 12 травня 1998 [3]. Заснована на CSS1 із збереженням зворотної сумісності за кількома винятками. Додавання до функціональності:
- табличної верстки.
- Типи носіїв. Дозволяє встановлювати різні стилі для різних носіїв (наприклад монітор, принтер, КПК).
- Звукові таблиці стилів. Визначає голос, гучність і т. д. для звукових носіїв (наприклад для сліпих відвідувачів сайту).
- сторінковий носії. Дозволяє, наприклад, встановити різні стилі для елементів на парних і непарних сторінках при друці.
- Розширений механізм селекторів.
- Показчики.
- генерируемого вміст. Дозволяє додавати вміст, якого немає в початковому документі, до або після потрібного елемента.
В даний час W3C більше не підтримує CSS2 і рекомендує використовувати CSS2.1
