HTML Розмітка тексту - виділення шрифту, цитування, код

Логічна розмітка у порівнянні з фізичною

Існує два основні класи текстової розмітки: логічна та фізична. Логічна розмітка показує роль текстового сегмента, наприклад, велику значимість у порівнянні зі звичайним текстом або те, що цей сегмент є цитатою. Фізична розмітка пов'язана з поданням тексту у спеціальній манері, наприклад, з використанням шрифтів або спеціального виду підкреслення.

Перевага має віддаватися логічній розмітці. Використовуйте фізичну розмітку, лише якщо це дійсно відповідає вимогам подання тексту. Наприклад, для сильного виділення використовуйте елемент STRONG, а не B, у припущенні, що різні Web броузери реалізують підкреслення найкраще для оточення, в якому вони встановлені.

Таблиця стилів також буде корисною для використання. Наприклад, комусь захочеться всі програмні коди представляти на жовтому фоні і великим шрифтом, тоді як хтось інший віддасть перевагу зовсім іншим методам для виділення їх у звичайному тексті. Такі операції виконуватимуться набагато простіше, якщо постійно використовуватиметься логічна розмітка.

На додаток до більшої гнучкості при поданні тексту різними броузерами логічна розмітка має таку перевагу в порівнянні з фізичною: все більше комп'ютерних програм витягують інформацію з HTML документів для різних цілей. Для такої роботи краще мати "індикатори" логічної розмітки, що виділяють, наприклад, деякий текст, як важливіший, чи цитовані розділи.

Як логічна, і фізична розмітки робляться з допомогою елементів HTML з початковим і кінцевим тегами. Елементи розміткине повинні перекриватися. Наприклад, наступний запис буде помилкою:

З іншого боку, елементи розмітки можуть бути вкладені. Краще відобразити подібні структури так:

Броузери з обмеженим набором шрифтів можуть мати труднощі у розмітці тексту.

Елементи фрази (логічна розмітка тексту)

Для виділення тексту існує два фразові елементи - EM і STRONG, де STRONG використовується для більш сильного виділення.

Уникайте виділення надто великих частин тексту, оскільки підкреслюючи все, Ви не підкреслюєте нічого! (Увійшовши до приказки студент, який підкреслює все у своїй книзі, не розуміє самої ідеї підкреслення.)

На жаль, не існує "де-виділяючого" елемента фрази, що позначає менш важливий текст. Якщо Вам це дійсно потрібно, можна використовувати елемент SMALL. Однак, якщо менш важливий текст об'ємний, краще винести його в окремий документ, зв'язок з яким вказати в головному документі. Особа, яка піде за такими зв'язками, зацікавившись текстом, ймовірно, воліє побачити нормальний текст, і тому немає необхідності в якомусь "де-підкресленні"

Елемент DFN також може розглядатися як спеціальний вид підкреслення, проте, логічно він означає, що цей термін має визначення. Це, в принципі, дуже корисний елемент, проте, на жаль, багато броузери, включаючи Netscape, підтримують його не ефективно.

Елемент VAR показує, частина тексту (зазвичай слово) єзмінної, тобто. текстом, який можна замінити різними висловлюваннями.

Наступні фразові елементи задають різні види посилань абоцитування :

Шрифтові елементи (font elements) – фізична розмітка тексту

Шрифтовіелементи це:

Зауважимо: SUB та SUP можуть бути віднесені до розмітки фразового рівня, як згадувалося вище; SMALL може бути використаний для де-підкреслення.

Елементи FONT та BASEFONT пропонують багато можливостей для завдання розмірів шрифту порівняно з BIG та SMALL. Однак уникайте надмірного використання фізичної розмітки.

Відображення розмітки

Наприклад, деякі броузери (взяти Internet Explorer) відображають TT (і CODE) як шрифт, значно менший, ніж звичайний текст, і ця диспропорція зберігається, коли змінюються розміри шрифту. Більше того, Internet Explorer відтворює VAR як моноширинний (monospaced) шрифт, тоді як більшість графічних броузерів використовує курсив (іtalic). З іншого боку, в Netscape, розміри шрифту можна спеціально встановлювати, а за замовчуванням для TT і VAR використовуються одні й ті ж шрифти, однак "одні й ті ж" означає технічний розмір у точках - на практиці моноширинні шрифти виглядають більше ніж нормальний пропорційний шрифт!

Таким чином, уникайте зв'язуватися з розмірами шрифту; використовуйте фразову розмітку та інші структурні елементи та дозвольте користувачам, якщо їм не подобаються розміри шрифту у Вашому тексті, визначати шрифти у власних броузерах як їм подобається.

У наступній таблиці зроблено спробу дати уявлення про діапазон можливостей броузерів. Вона відображає елементи розмітки в Netscape Navigator, Microsoft Internet Explorer і Lynx. Зауважимо, що існують варіації навіть у межах кожної з цих програм - залежно від версії, платформи, конфігурації системи або власної конфігурації користувача, - такий розкид відповідає дійсності. Таким чином, дані таблиці можуть бути, але не обов'язково мають місце внасправді.

Дані таблиці відносяться до неукладених елементів. Вкладення текстових елементів може підвищити наочність відображення.

Подання взаємодії з комп'ютером

Для подання взаємодії людини з комп'ютером на текстовій або іншій основі можуть використовуватися такі підходи:

  • комп'ютерний висновок (підказки, звичайний висновок або повідомлення про помилки) в межах елементів SAMP
  • загальні терміни, що описують введення користувача - усередині VAR елементів
  • дійсне введення користувача в межах KBD елементів
  • цитований комп'ютерний програмний код (джерело), ​​реалізований у межах CODE елементів.

У всіх підходах повинні братися до уваги принципи поділу в межах рядка та використання пробілів та символів табуляції, що може вимагати вставки BR елементів або використання елементів PRE. Зауважимо, що логічна розмітка дозволена в елементах PRE (хоча це, можливо, не найкраще її використання).

Наступний приклад ілюструє підхід у контексті введення у мову програмування Perl.

Scalar variable $line is of course the line counter.

The loop construct is of the form while (&amplt&ampgt) < процес one line of input >

Зрозуміло, що ви напишете цей script (першою версією його) в файлі намідних ліній, ви можете випробувати його за допомогою команди . , Ви повинні бути наступні (за details of system output vary from one system to another):

Примітки наприклад:

  • тут не використовувалася вкладеність текстових розміток.
  • програмний код міг би бути представлений лише в межах PREелемента без додаткового використання всередині ще й CODE елемента, проте те, що код вкладений у CODE елемент, який у свою чергу вкладений всередину PRE елемента, не завдасть шкоди і може бути корисним навіть у броузерах, які для різних цілей використовують моноширинні шрифти.
  • аналогічно, використання SAMP і KBD у наведеному прикладі може означати, що введення користувача представляється на відміну від комп'ютерного виведення. Використовуючи таблицю стилів, Ви могли б навіть специфікувати шрифт, колір, фон та інші властивості цих логічно різних елементів.

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

Це ми бачимо на прикладі СТО та ОТО, які перетворилися на своєрідний вид релігії, керуючої наукою та громадською думкою. Жодна кількість фактів, що суперечать їм, не може подолати формулу Ейнштейна: "Якщо факт не відповідає теорії - змініть факт" (В іншому варіанті "- Факт не відповідає теорії? - Тим гірше для факту").

Максимально, потім може претендувати " уявний експеримент " - це лише внутрішню несуперечність гіпотези у межах своєї, часто зовсім на істинної логіки заявника. Відповідно до практики це не перевіряє. Ця перевірка може відбутися тільки в дійсному фізичному експерименті.

Експеримент на те й експеримент, що він є не витончення думки, а перевірка думки.Несуперечлива в собі думка не може сама себе перевірити. Це доведено Куртом Геделем.