21:09 Семантична верстка | |
| Семантична верстка, або семантичний HTML-код — це підхід до створення веб-сторінок мовою HTML, заснований на використанні HTML-тегів у відповідності з їх семантикою (призначенням)[1], а також передбачає логічну і послідовну ієрархію сторінки[2][3]. Він протиставляється підходу, при якому написання HTML-коду визначається зовнішнім виглядом веб-сторінки. Для оформлення веб-сторінок, написаних у відповідності з семантикою, використовуються каскадні таблиці стилів (CSS). Стандарт HTML з самого початку містив у собі ряд семантичних тегів[4], але більшу популярність семантична верстка отримала після початку робіт над HTML5. В якості прикладу можна навести зміни в стандарті HTML, торкнулися, зокрема, тегів фізичного форматування <i> (англ. italic, що робить текст курсивним) — замість нього рекомендується використовувати тег логічного форматування <em> (від англ. emphasis, акцентування). Потім за допомогою CSS акцентування можна візуально уявити курсивом, жирним шрифтом, підкресленням; аудіально (при озвучуванні тексту на основі TTS-технологій) — уповільненням темпу мови або більш гучним голосом і т. д. Ці зміни викликані тим, що візуально курсивом оформлюється не тільки акцентування тексту, але і, наприклад, цитати, для яких з HTML 4 з'явився тег <cite>. Іншим застосуванням курсиву може бути позначення іноземних фраз або слів; при цьому веб-розробники можуть використовувати вбудовані в XHTML атрибути зазначення мови або зробити свою розмітку семантичної, вказавши відповідний клас елемента з текстом через атрибут class (наприклад, class="foreign"). Використання різної розмітки для акцентів, цитат та іноземних слів дозволяє машинним веб-агентам, таким як павуки пошукових систем, більш точно визначати значимість як окремих елементів веб-сторінки, так і всього тексту в цілому. | |
|
| |
| Всего комментариев: 0 | |
