Розмітка тексту - виділення шрифту, цитування, код і т.п.
Логічна розмітка в порівнянні з фізичної
Існує два основні класи текстової розмітки: логічна і фізична. Логічна розмітка показує роль текстового сегмента, наприклад, велику значимість у порівнянні зі звичайним текстом або те, що даний сегмент є цитатою. Фізична розмітка пов'язана з поданням тексту в спеціальній манері, наприклад, з використанням шрифтів або спеціального виду підкреслення.
Перевага повинна віддаватися логічної розмітки. Використовуйте фізичну розмітку тільки, якщо це дійсно відповідає вимогам представлення тексту. Наприклад, для сильного виділення використовуйте елемент STRONG. а не B. в припущенні, що різні Web броузери реалізують підкреслення кращим чином для того оточення, в якому вони встановлені.
Таблиця стилів також буде корисна для використання. Наприклад, комусь захочеться все програмні коди представляти на жовтому фоні і великим шрифтом, в той час як хтось інший вважатиме за краще зовсім інші методи для виділення їх в звичайному тексті. Такі операції будуть виконуватися багато простіше, якщо постійно буде використовуватися логічна розмітка.
На додаток до більшої гнучкості при поданні тексту різними браузерами логічна розмітка має таке перевага в порівнянні з фізичної: все більшу кількість комп'ютерних програм витягують інформацію з HTML документів для різних цілей. Для такої роботи краще мати "індикатори" логічної розмітки, що виділяють, наприклад, деякий текст, як більш важливий, або цитовані розділи.
Як логічна, так і фізична розмітки робляться з використанням елементів HTML з початковим і кінцевим тегами. Елементи розмітки не повинні перекриватися. Наприклад, наступний запис буде помилкою:
З іншого боку, елементи розмітки можуть бути вкладеними. Краще відобразити подібні структури в такий спосіб:
Агенти з обмеженим набором шрифтів можуть мати труднощі в поданні розмітки тексту.
Елементи фрази (логічна розмітка тексту)
Для виділення тексту існує два фразових елемента - EM і STRONG. де STRONG використовується для більш сильного виділення.
Уникайте виділення занадто великих частин тексту, так як підкреслюючи все, Ви не підкреслюєте нічого! (Увійшовши в приказку студент, який підкреслює всі в своїй книзі, не розуміє самої ідеї підкреслення.)
На жаль, не існує "де-виділяє" елемента фрази, що позначає менш важливий текст. Якщо Вам дійсно це необхідно, можна використовувати елемент SMALL. Однак, якщо менш важливий текст об'ємний, краще його винести в окремий документ, зв'язок з яким вказати в головному документі. Особа, яка послідує за такими зв'язків, зацікавившись текстом, ймовірно, вважатиме за краще побачити нормальний текст, і тому немає необхідності в будь-якому "де-підкресленні"
Елемент DFN також може розглядатися, як спеціальний вид підкреслення, проте, логічно він позначає, що цей термін має визначення. Це, в принципі, дуже корисний елемент, однак, на жаль багато браузери, включаючи Netscape, підтримують його неефективне.
Елемент VAR показує, що частина тексту (зазвичай слово) є змінною. тобто текстом, який може бути замінений різними виразами.
Наступні фразові елементи задають різні види посилань або цитування.
цитування (назва книги, або статті, або - еквівалент)
Зауважимо: SUB і SUP можуть бути віднесені до розмітки фразового рівня, як згадувалося вище; SMALL може бути використаний для де-підкреслення.
Елементи FONT і BASEFONT пропонують багато можливостей для завдання розмірів шрифту в порівнянні з BIG і SMALL. Однак уникайте надмірного використання фізичної розмітки.
відображення розмітки
Наприклад, деякі браузери (візьмемо Internet Explorer) відображають TT (і CODE) як шрифт, значно менший, ніж звичайний текст, і ця диспропорція зберігається, коли змінюються розміри шрифту. Більш того, Internet Explorer відтворює VAR як моно (monospaced) шрифт, в той час як більшість графічних браузерів використовує курсив (italic). З іншого боку, в Netscape, розміри шрифту можна спеціально встановлювати, а за замовчуванням для TT і VAR використовуються одні й ті ж шрифти, проте "одні і ті ж" означає технічний розмір в точках - на практиці моноширинних шрифти виглядають більше, ніж нормальний пропорційний шрифт!
Таким чином, уникайте зв'язуватися з розмірами шрифту; використовуйте фразову розмітку та інші структурні елементи і дозвольте користувачам, якщо їм не подобаються розміри шрифту в Вашому тексті, визначати шрифти в їх власних броузерах як їм подобається.
У наступній таблиці зроблена спроба дати уявлення про діапазон можливостей браузерів. Вона являє відображення елементів розмітки в Netscape Navigator, Microsoft Internet Explorer і Lynx. Зауважимо, що існують варіації навіть в межах кожної з цих програм - в залежності від версії, платформи, конфігурації системи або власної користувальницької конфігурації, - такий розкид відповідає дійсності. Таким чином, дані таблиці можуть бути, але не обов'язково мають місце в дійсності.
Дані таблиці відносяться до невложенним елементам. Вкладеність текстових елементів може підвищити наочність відображення.
Подання взаємодії з комп'ютером
Для уявлення взаємодії людини з комп'ютером на текстовій або іншій основі можуть використовуватися такі підходи:
- комп'ютерний висновок (підказки, звичайний висновок або повідомлення про помилки) в межах SAMP елементів
- загальні терміни, що описують введення користувача - всередині VAR елементів
- дійсний для користувача введення в межах KBD елементів
- цитований комп'ютерний програмний код (джерело), що реалізується в межах CODE елементів.
У всіх підходах повинні прийматися до уваги принципи поділу в межах рядка і використання прогалин і символів табуляції. що може вимагати вставки BR елементів або використання PRE елементів. Зауважимо, що логічна розмітка дозволена в PRE елементах (хоча це, можливо, не найкраще її використання).
Наступний приклад ілюструє підхід в контексті введення в мову програмування Perl.
Зауваження наприклад:
- тут не використовувалася вкладеність текстових розміток.
- програмний код міг би бути представлений тільки в межах PRE елемента без додаткового використання всередині ще й CODE елементу, однак те, що код вкладений в CODE елемент, який в свою чергу вкладений всередину PRE елемента, не завдасть шкоди і може бути навіть корисно в браузерах, які для різних цілей використовують моноширинних шрифти.
- аналогічно, використання SAMP і KBD у наведеному прикладі може означати, що введення користувача представляється відмінно від комп'ютерного виводу. Використовуючи таблицю стилів. Ви могли б навіть уточняти шрифт, колір, фон та інші властивості для цих логічно різних елементів.