Коли потрібно використовувати тег sub. Теги фізичного форматування тексту HTML. Різниця між HTML та XHTML

💖 Подобається?Поділися з друзями посиланням

Текст у вигляді нижнього та верхнього індексу:

This text contains subscript Text.

This text contains superscript Text.

Опис та використання

Тег визначає текст як нижнього індексу. Нижній індекс виглядає як символ під рядком. Подібний текст може бути використаний у хімічних формулах: H2O.

Тег визначає текст як верхнього індексу. Верхній індекс виглядає як символ над рядком. Верхній індекс може використовуватися для виносок: WWW.

Різниця між HTML та XHTML

Стандартні атрибути

Подієві атрибути

Атрибут Значення Опис
onclick скрипт Скрипт буде виконано під час кліку
ondblclick скрипт Скрипт буде виконано при подвійному кліку
onfocus скрипт Скрипт буде виконано під час отримання фокусу
onmousedown скрипт Скрипт буде виконано при натисканні кнопки мишки
onmousemove скрипт Скрипт буде виконано під час руху курсора мишки
onmouseout скрипт Скрипт буде виконано, коли курсор мишки залишить межі елемента
onmouseover скрипт Скрипт буде виконано, коли курсор мишки знаходиться над елементом
onmouseup скрипт Скрипт буде виконано, коли кнопка мишки буде відпушена
onkeydown скрипт Скрипт буде виконано при натисканні клавіші
onkeypress скрипт Скрипт буде виконано при натисканні клавіші та наступного розтискання
onkeyup скрипт Скрипт буде виконано при натисканні клавіші

Опис

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

Синтаксис

Текст

Закриваючий тег

Обов'язковий.

Атрибути

Аналог CSS

приклад. Використання тега

Тег SUB

Під дією гідроксиламіну альдегіди перетворюються на оксими: СН 3СНТ + NH 2 OH = CH 3 C(=NOH)H + H 2 O



Специфікація?

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) - специфікація схвалена W3C та рекомендована як стандарт.
  • Candidate Recommendation ( Можлива рекомендація) - група, відповідальна за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Proposed Recommendation ( Пропонована рекомендація) - на цьому етапі документ подано на розгляд Консультативної ради W3C для остаточного затвердження.
  • Working Draft (Робочий проект) - більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
  • Editor"s draft ( Редакторська чернетка) - Чорнова версія стандарту після внесення правок редакторами проекту.
  • Draft ( Чернетка специфікації) – перша чорнова версія стандарту.

Особняком стоїть живий стандарт HTML(Living ) - він не дотримується традиційної нумерації версій, оскільки перебуває у постійній розробці та оновлюється регулярно.

Браузери: Настільні Мобільні ?

Internet Explorer ChromeOperaSafariFirefox
2 1 3.5 1 1
AndroidFirefox MobileOpera MobileSafari Mobile
1 1 6 1

Тег

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

Базова лінія - це уявна лінія, що проходить по нижньому краю символів. Деякі літери (щ, ц, у, д, р, ф) частково виходять за базову лінію.

Атрибути

Особисті атрибути:ні.

  • accesskey – встановлює клавішу швидкого доступу для фокусування на HTML-елементі.
  • class - задає ім'я класу або класів тегу, що використовуються у CSS (Каскадні таблиці стилів).
  • dir - вказує напрямок тексту всередині елемента.
  • - задає ім'я ідентифікатора HTML-тегу, який може використовуватися як «якор» або таблиці стилів.
  • lang - вказує мову, якою написаний текст усередині HTML-елемента.
  • style - необхідний для застосування вбудованих стилів CSSдо теґу.
  • tabindex – встановлює порядок табуляції між елементами (клавіша Tab).
  • title - виводить підказку при наведенні курсору миші на HTML-елемент.

Тип тега

Призначення: текст (рядки).

Модель тега: inline (вбудований, рівня рядка).

Може містити: inline-теги, звичайний текст та спецсимволи HTML(Мнемоніки).

Відкриваючий тег:необхідний. Закриває тег:необхідний.

Синтаксис

вміст

Приклад HTML: застосування тега SUB

seodon.ru - Застосування тега SUB

t n= n!



Наведемо опис тегів фізичного форматування. Частина з них не рекомендується використовувати специфікацію HTML 4.0 з наведених вище причин. Деякі теги скасовані (deprecate) специфікацією HTML 4.0, але вони продовжують підтримуватися браузерами.

Тег

Тег відображає текст напівжирним шрифтом. Найчастіше рекомендується замість тега використовувати тег логічного форматування . Наприклад:

Це напівжирнийшрифт.

Мал. 1.2.Приклади фізичного форматування тексту (браузером Netscape)

Тег

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

Виділення курсивом

Тег

Тег відображає текст моноширинним шрифтом. Для більшості випадків замість цього тега краще використовувати теги , або . Приклад:

Це моношириннийшрифт.

Тег

Тег відображає текст підкресленим. Скасований тег. Замість нього рекомендується використовувати теги або . Наприклад:

приклад підкресленнятексту.

Теги і

Теги і відображають текст, перекреслений горизонтальною лінією. Скасований тег. Замість цього слід використовувати тег . Наприклад:

приклад закресленоготексту.

В даний час тег підтримується не всіма браузерами, тому поки що рекомендується використовувати у поєднанні з тегом . Зокрема, всередину тега-контейнера можна вкласти пару тегів

....

Тег

Тег виводить текст більшим шрифтом (ніж непомічена частина тексту) розміру. Замість цього елемента краще використовувати або теги заголовків, наприклад,

Шрифт більшогорозміру.

Тег

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

Шрифт меншогорозміру.

Тег

Тег зсуває текст нижче рівня рядка і виводить його (якщо можливо) меншим шрифтом розміру. Зручно використовуватиме математичних індексів. Наприклад:

Приклад шрифту для нижньогоіндексу.

Тег

Тег зсуває текст вище за рівень рядка і виводить його (якщо можливо) шрифтом меншого розміру. Зручно використовуватиме завдання ступенів чисел у математиці. Наприклад:

Приклад шрифту для верхньогоіндексу.

Тег

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

Тег

Тег-контейнер є аналогом тега рівня блоку

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

Браузер Microsoft Internet Explorer додатково дозволяє використовувати такі параметри тега: DIR, DATAFLD, DATAFORMATAS, DATASRC. Опис параметрів можна знайти у другій частині книги.

Мал. 1.3.Використання вкладених тегів форматування тексту

Теги форматування можуть бути вкладені один в одного. При цьому слід уважно стежити, щоб один контейнер був повністю в іншому контейнері. На рис. 1.3 показаний приклад використання вкладення елемента курсиву елемент напівжирного шрифту. Використано наступний фрагмент HTML-коду:

Це напівжирнийшрифт.

Це курсив.

А тут текст напівжирний та курсивний

Тег

Тег вказує параметри шрифту. Він належить до тегів фізичного форматування рівня тексту.

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

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

Тег відноситься до послідовних елементів, тому не може включати елементи рівня блоку, наприклад,

Або

.

Для тега можуть задаватися такі параметри: FACE, SIZE та COLOR. Зауважимо, що браузер Netscape допускає також використання двох додаткових параметрів: POINT-SIZE та WEIGHT, опис яких опускаємо.

    Параметр FACE служить для вказівки типу шрифту, яким програма перегляду користувача виводитиме текст (якщо такий шрифт є на комп'ютері). Значення цього параметра є назва шрифту, яка повинна точно співпадати з назвою шрифту, що має у користувача. Якщо такого шрифту не буде знайдено, ця вказівка ​​буде проігнорована та буде використаний шрифт, встановлений за замовчуванням.

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

    Наведемо приклад використання параметра FACE:

    Призначення шрифтів

    Приклад завдання назви шрифту.

    На рис. 1.4 показано відображення прикладу браузером Netscape. У прикладі як бажане вказується шрифт Verdana, за його відсутності буде використаний шрифт Arial і т.д.

Мал. 1.4.Відображення прикладу браузером Netscape

    Цей параметр служить для вказівки розмірів шрифту в умовних одиницях від 1 до 7. Конкретний розмір шрифту залежить від програми перегляду. Вважають, що розмір "нормального" шрифту відповідає значенню 3.

Налаштування розмірів шрифту, які використовуються за замовчуванням, а також розміри абсолютної зміни розмірів шрифту залежать від браузерів. На рис. 1.5 показано вікно налаштування браузера Netscape, в якому задаються стандартні шрифти.

Розмір шрифту вказується як абсолютною величиною (SIZE=2), і відносної (SIZE=+1). Останній спосіб часто використовується у поєднанні із завданням базового розміру шрифту за допомогою тега .

Примітка

При вказівці розмірів шрифтів записи типу "2" і "+2" (на відміну більшості мов програмування, у яких унарний знак "+" можна опускати) дають принципово різний результат.

Наведемо приклад, у якому використані різні способипризначення розмірів шрифтів Відображення прикладу показано на рис. 1.6.

Мал. 1.5.Вікно налаштування параметрів шрифтів браузера Netscape

Мал. 1.6.Призначення розмірів шрифтів

Призначення розмірів шрифтів

Шрифт розміру 1

Шрифт розміру 2

Шрифт розміру 3

Шрифт розміру 4

Шрифт розміру 5

Шрифт розміру 6

Шрифт розміру 7

    Цей параметр встановлює колір шрифту, який можна встановити за допомогою стандартних імен або у форматі #RRGGBB. Наведемо приклад документа з кольоровим текстом.

    Вибір кольору шрифту

    Текст зеленого кольору

    Текст червоного кольору

Тег

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

Примітка

Тег може з'являтися також у розділі документа.

Зауважимо, що для тега не існує тега, що закриває.

Як параметри можуть використовуватися такі самі параметри, що і для тега , А саме: FACE, SIZE та COLOR. Призначення та правила запису параметрів аналогічні.

Примітка

Браузер Netscape не допускає застосування параметра FACE тега .

Наведемо приклад використання тега .

Призначення розмірів шрифтів

Текст, записаний стандартним шрифтом.

Розмір шрифту 2.

Розмір шрифту 4.

Текст після таблиці

У наведеному прикладі двічі перевизначається розмір шрифту, який використовується за замовчуванням. Спочатку він дорівнює 3 (за умовчанням). Потім встановлюється рівним 2, далі - 4. Зверніть увагу на відображення прикладу (рис. 1.7). Видно, що для таблиць призначення тега не діє. Це притаманно багатьох браузерів, хоча формально порушує ідею застосування тега.

Мал. 1.7.Відображення прикладу з тегом (браузером Netscape)



Розповісти друзям


Текст всередині комірки таблиці

HTML Теги і - Підрядковий та Надрядковий Текст

Визначення та Використання

Тег визначає підрядковий текст. Підрядковий текст має висоту вдвічі менше і з'являється під базовою лінією. Підрядковий текст може використовуватися для написання хімічних формул, наприклад H 2 O.

Тег визначає надрядковий текст. Надрядковий текст має висоту вдвічі менше і з'являється над базовою лінією. Надрядковий текст може використовуватися при написанні виносок, наприклад WWW.

Підтримка Браузерами

Теги і підтримуються основними браузерами.

Відмінності Між HTML та XHTML

Стандартні атрибути

Стовпець DTDвказує, у якому типі документа HTML 4.01/XHTML 1.0 DTD атрибут дозволено. S = Strict, T = Transitional і F = Frameset.

Теги і підтримують такі стандартні атрибути:

Атрибут Значення Опис DTD
class ім'я_класу Вказує ім'я класу елемента STF
dir rtl
ltr
Вказує напрямок тексту вмісту в елементі STF
id ідентифікатор Вказує унікальний ідентифікатор елемента STF
lang код_мови Вказує код мови для вмісту елемента STF
style визначення_стилю Вказує вбудований стиль елемента STF
title текст Вказує додаткову інформаціюпро елемент STF
xml:lang код_мови Визначає код мови для вмісту елемента в документах XHTML STF

Додаткова інформація про Стандартні Атрибути.

Атрибути подій

Теги і підтримують такі атрибути подій:

Атрибут Значення Опис DTD
onclick скрипт Скрипт, що запускається при натисканні мишею STF
ondblclick скрипт Скрипт, що запускається при подвійному клацанні мишею STF
onmousedown скрипт Скрипт, який запускається при натисканні кнопки миші STF
onmousemove скрипт Скрипт, який запускається при переміщенні покажчика миші STF
onmouseout скрипт Скрипт, який запускається, коли вказівник миші йде за межі елемента STF
onmouseover скрипт Скрипт, який запускається, коли вказівник миші переміщається над елементом STF
onmouseup скрипт Скрипт, що запускається під час відпускання кнопки миші STF
onkeydown скрипт Скрипт, який запускається при натисканні клавіші STF
onkeypress скрипт Скрипт, який запускається, коли клавіша натиснута, а потім відпущена STF
onkeyup скрипт Скрипт, який запускається, коли клавіша відпущена STF

Додаткова інформація про