Навігація
Головна
 
Головна arrow Інформатика arrow Проектування і розробка web-додатків
< Попередня   ЗМІСТ   Наступна >

ОПИС СТРУКТУРИ ЗМІСТІ HTML-ДОКУМЕНТА

У HTML4 завдяки використанню CSS можна створювати сторінки з добре зрозумілою для користувачів візуальної структурою. Але ці сторінки не були зрозумілі для пошукових систем або браузерів. Для вирішення цієї проблеми в HTML5 були введені семантичні теги.

Більшість сторінок на HTML4 містять типові елементи, такі як "шапка", "підвал" і колонки. Як правило, в коді документа вони виділяються за допомогою блочного контейнера <div>, для кожного з яких задається атрибут id або class (рис. 1.11).

Стандартна структура сторінки на мові HTML4

Мал. 1.11. Стандартна структура сторінки на мові HTML4

Елементи <div> використовуються, тому що в HTML4 і XHTML1 відсутня засіб для більш точного опису семантики цих частин. У HTML5 включені нові елементи для подання кожного з таких розділів (рис. 1.12).

Завдання структури сторінки на мові HTML5 за допомогою нових структурних елементів

Мал. 1.12. Завдання структури сторінки на мові H TML5 за допомогою нових структурних елементів

Код такої сторінки матиме такий опис:

<Body>

<Header> ... </ header>

<Nav> ... </ nav>

<Article>

<Section> ... </ section>

</ Article>

<Aside> ... </ aside>

<Footer> ... </ footer>

</ Body>

Завдання розділів сторінки за допомогою спеціальних тегів допомагає користувачеві переміщатися по сторінці. Наприклад, вони можуть пропустити розділ навігації або швидко переходити від однієї статті до іншої. Розробнику нс доведеться створювати посилання для цього. Крім цього, заміна безлічі <div> на кілька різних елементів допомагає зробити вихідний код зрозуміліше і простіше.

 
Якщо Ви помітили помилку в тексті позначте слово та натисніть Shift + Enter
< Попередня   ЗМІСТ   Наступна >
 
Дисципліни
Агропромисловість
Аудит та Бухоблік
Банківська справа
БЖД
Географія
Документознавство
Екологія
Економіка
Етика та Естетика
Журналістика
Інвестування
Інформатика
Історія
Культурологія
Література
Логіка
Логістика
Маркетинг
Медицина
Нерухомість
Менеджмент
Педагогіка
Політологія
Політекономія
Право
Природознавство
Психологія
Релігієзнавство
Риторика
Соціологія
Статистика
Техніка
Страхова справа
Товарознавство
Туризм
Філософія
Фінанси
Пошук