| Справочник HTML
Элемент <sub> (от англ. «subscript» ‒ «нижний/подстрочный индекс») определяет вложенный в него текст в нижнем индексе.
Текст в нижнем индексе отображается уменьшенным размером и располагается ниже, чем базовая линия остальных символов строки. Базовая линия — это линия, которая проходит по нижнему или верхнему краю символов.
Синтаксис
<sub>Текст</sub>
Закрывающий тег
Обязателен.
Атрибуты
Для этого элемента доступны глобальные атрибуты и события.
Стилизация по умолчанию
Большинство браузеров отобразит элемент <sub> со следующими значениями CSS по умолчанию:
sub {
vertical-align: sub;
font-size: smaller;
}
Различия между HTML 4.01 и HTML5
Нет.
Пример использования:
Пример HTML:
Попробуй сам<p>Химические формулы:</p> <b>H<sub>2</sub>0</b> ‒ вода<br> <b>О<sub>2</sub></b> ‒ кислород<br> <b>СО<sub>2</sub></b> ‒ углекислый газ<br>
Спецификации
Поддержка браузерами
Элемент | ||||||
<sub> | 2+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
Элемент | ||||
<sub> | 1+ | 1+ | 6+ | 1+ |
Попробуйте сами — Примеры
Как сделать текст жирным и привлечь к нему внимание:
Важный и жирный текст
Как сделать акцент на фрагменте текста:
Как отобразить текст в нижнем или верхнем индексе:
Форматирование текста
Учебник HTML
HTML уроки: HTML Форматирование
HTML Элементы
seodon.ru | Теги HTML — Тег SUB
Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
Тег <SUB> используется для указания шрифта в нижнем регистре (индексе). Нижний регистр — это символы уменьшенного размера, которые отображаются со смещением вниз по отношению к остальным символам строки. Вообще, согласно общепринятому определению, символы нижнего регистра должны располагаться ниже базовой линии текущей строки, но из всех браузеров содержимое контейнера <SUB> так отображает только Opera — остальные выводят символы немного выше.
Базовая линия — это воображаемая линия, проходящая по нижнему краю символов. Некоторые буквы (щ, ц, у, д, р, ф) частично выходят за базовую линию.
Атрибуты
Личные атрибуты: нет.
Общие атрибуты:
- accesskey — устанавливает клавишу быстрого доступа для фокусировки на HTML-элементе.
- class — задает имя класса или классов тега, используемых в CSS (Каскадные таблицы стилей).
- dir — указывает направление текста внутри элемента.
- id — задает имя идентификатора HTML-тега, который может использоваться в качестве «якоря» или в таблицах стилей.
- lang — указывает язык, на котором написан текст внутри HTML-элемента.
- style — необходим для применения встроенных стилей CSS к тегу.
- tabindex — устанавливает порядок табуляции между элементами (клавиша Tab).
- title — выводит всплывающую подсказку при наведении курсора мыши на HTML-элемент.
Тип тега
Назначение: текст (строки).
Модель тега: inline (встроенный, уровня строки).
Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).
Открывающий тег: необходим. Закрывающий тег: необходим.
Синтаксис
<sub>содержимое</sub>
Пример HTML: применение тега SUB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>seodon.ru - Применение тега SUB</title>
</head>
<body>
<p><b>t<sub>n</sub> = n!</b></p>
</body>
</html>
Результат примера
Результат. Применение тега SUB.
Поддержка версиями HTML
Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
Поддержка: | Да | Да | Да | Да | Да |
HTML тег sub | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 03.03.2009
Тег <sub> (англ. subscript — нижний индекс) — тег-контейнер, определяет запись в нижнем индексе.
Строчный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<sub>...</sub>
Атрибуты
Основные Вспомогательные События
class | определяет имя используемого класса |
---|---|
dir | определяет направление символов:
|
id | уникальный индетификатор |
lang | определяет используемый язык в документе, на который указывает ссылка |
onclick | щелчек на элементе |
ondblclick | двойной щелчек на элементе |
onkeydown | нажатие клавиши, когда элемент имеет фокус |
onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
onmousemove | движение указателя мыши, когда элемент имеет фокус |
onmouseout | смещение указателя мыши с элемента |
onmouseover | помещение указателя мыши на элемент |
onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
style | |
title | всплывающая подсказка |
Пример
Формула воды H<sub>2</sub>O
Рекомендации по использованию
Твой код:
<html> <head> <title></title> </head> <body> <p>Формула воды H<sub>2</sub>O</p> </body> </html> Сделай код и жми тут
Результат:
большой полигонHTML тег sub | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 03.03.2009
Тег <sub> (англ. subscript — нижний индекс) — тег-контейнер, определяет запись в нижнем индексе.
Строчный элемент.
HTML: 3.2 | 4 / XHTML: 1.0 | 1.1
Синтаксис
<sub>...</sub>
Атрибуты
Основные Вспомогательные События
class | определяет имя используемого класса |
---|---|
dir | определяет направление символов:
|
id | уникальный индетификатор |
lang | определяет используемый язык в документе, на который указывает ссылка |
onclick | щелчек на элементе |
ondblclick | двойной щелчек на элементе |
onkeydown | нажатие клавиши, когда элемент имеет фокус |
onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
onmousemove | движение указателя мыши, когда элемент имеет фокус |
смещение указателя мыши с элемента | |
onmouseover | помещение указателя мыши на элемент |
onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
style | задает встроенную таблицу стилей |
title | всплывающая подсказка |
Пример
Формула воды H<sub>2</sub>O
Рекомендации по использованию
Твой код:
<html> <head> <title></title> </head> <body> <p>Формула воды H<sub>2</sub>O</p> </body> </html> Сделай код и жми тутРезультат:
большой полигонHTML тег sub | назначение, синтаксис, атрибуты, примеры
Последнее обновление: 23.01.2011
Тег <sub> (англ. subscript — нижний индекс) — тег-контейнер, определяет запись в нижнем индексе.
Строчный элемент.
HTML
: 3.2 | 4 / XHTML: 1.0 | 1.1Синтаксис
<sub>...</sub>
Атрибуты
Основные Вспомогательные События
class | определяет имя используемого класса |
---|---|
dir | определяет направление символов:
|
id | уникальный идентификатор |
lang | определяет используемый язык в документе, на который указывает ссылка |
onclick | щелчок на элементе |
ondblclick | двойной щелчок на элементе |
onkeydown | нажатие клавиши, когда элемент имеет фокус |
onkeypress | нажатие и освобождении клавиши, когда элемент имеет фокус |
onkeyup | освобождение ранее нажатой клавиши, когда элемент имеет фокус |
onmousedown | нажатие кнопки мыши, когда элемент имеет фокус |
onmousemove | движение указателя мыши, когда элемент имеет фокус |
onmouseout | смещение указателя мыши с элемента |
onmouseover | помещение указателя мыши на элемент |
onmouseup | освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус |
style | задает встроенную таблицу стилей |
title | всплывающая подсказка |
Пример
Формула воды H<sub>2</sub>O
Рекомендации по использованию
Твой код:
<html> <head> <title></title> </head> <body> <p>Формула воды H<sub>2</sub>O</p> </body> </html> Сделай код и жми тутРезультат:
большой полигонПо теме
Показать комментарии
Теги HTML — Тег
Описание
Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера.
Синтаксис
<sub>Текст</sub>
Закрывающий тег
Обязателен.
Атрибуты
Для этого тега доступны универсальные атрибуты и события.
Аналог CSS
vertical-align
Пример. Использование тега <sub>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег SUB</title> </head> <body> <p>Под действием гидроксиламина альдегиды превращаются в оксимы: СН<sub>3</sub>СНО + NH<sub>2</sub>OH = CH<sub>3</sub>C(=NOH)H + H<sub>2</sub>O</p> </body> </html>
Спецификация ?
✖Спецификация
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft (Черновик спецификации) — первая черновая версия стандарта.
Особняком стоит живой стандарт HTML (Living) — он не придерживается традиционной нумерации версий, поскольку находится в постоянной разработке и обновляется регулярно.
Браузеры: Настольные Мобильные ?
Internet Explorer | Chrome | Opera | Safari | Firefox |
2 | 1 | 3.5 | 1 | 1 |
Android | Firefox Mobile | Opera Mobile | Safari Mobile |
1 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Строчные элементы. | Текст.
Использование SSML | Яндекс.Облако — Документация
Использование Speech Synthesis Markup Language (SSML) дает вам возможность контролировать, как SpeechKit синтезирует речь из текста.
Чтобы передать текст в формате SSML используйте параметр ssml
в теле запроса, а сам текст оберните в тег <speak>
:
<speak>
Вот несколько примеров использования SSML.
Вы можете добавить в текст паузу любой длины:<break time="2s"/> та-дааам!
Или разметить текст на параграфы и предложения. Паузы между параграфами длиннее.
<p><s>Первое предложение</s><s>Второе предложение</s></p>
А еще вы можете подменять фразы.
Например, чтобы произносить аббревиатуры и <sub alias="тому подобное">т.п.</sub>
</speak>
Пример отправки запроса.
На данный момент SpeechKit поддерживает следующие теги SSML:
break
Используйте тег <break>
, чтобы добавить в речь паузу заданной длительности. Длительность указывается с помощью атрибутов strength
и time
. Если эти атрибуты не заданы, то по умолчанию используется strength="medium"
.
Атрибут | Описание |
---|---|
strength | Длительность паузы. Допустимые значения: * medium или weak — соответствует паузе после запятой.* strong — соответствует паузе после точки или предложения.* x-strong — соответствует паузе после параграфа.* none или x-weak — эти значения не добавляют паузу, а оставлены для совместимости с AWS API. |
time | Длительность паузы в секундах или миллисекундах, например 2s или 400ms . Максимальная длительность паузы — 5 секунд.При синтезе паузы указанной длительности может быть погрешность 100-200 миллисекунд. |
<speak>Эй, секундочку<break time="1s"/> Что вы делаете?</speak>
Тег <break>
добавляет паузу, даже если он идет после других элементов, добавляющих паузу, например после точки или запятой.
p
Используйте тег <p>
, чтобы добавить паузу между абзацами. Пауза добавляется после закрывающего тега.
Пауза после абзаца больше, чем пауза после предложения или точки. Длительность паузы зависит от выбранного голоса, эмоциональной окраски, скорости и языка.
<speak>
<p>Палач доказывал, что нельзя отрубить голову, у которой нет туловища, значит казнь не может состояться.</p>
<p>Король доказывал, что все, имеющее голову, может быть обезглавлено, и что палач говорит пустяки.</p>
<p>Королева тем временем вопила, что если кот не будет немедленно казнен, то казнены будут все присутствующее (замечание это удручающе подействовало на всех участников игры).</p>
</speak>
Все паузы внутри тега тоже учитываются. Например на месте точки добавится дополнительная пауза, даже если она стоит перед закрывающим тегом.
phoneme
Используйте тег <phoneme>
, чтобы контролировать правильность произношения с помощью фонем. Для воспроизведения будет использован текст, указанный в атрибуте ph
. В атрибуте alphabet
укажите используемый стандарт: ipa
или x-sampa
.
Международный фонетический алфавит (IPA)
<speak> В разных регионах России по-разному произносят букву <phoneme alphabet="ipa" ph="o">О</phoneme> в словах. Где-то говорят <phoneme alphabet="ipa" ph="məlɐko">молоко</phoneme>, а где-то <phoneme alphabet="ipa" ph="mələko">молоко</phoneme>. </speak>
Extended Speech Assessment Methods Phonetic Alphabet (X-SAMPA)
<speak> В разных регионах России по-разному произносят букву <phoneme alphabet="x-sampa" ph="o">О</phoneme> в словах. Где-то говорят <phoneme alphabet="x-sampa" ph="m@l6ko">молоко</phoneme>, а где-то <phoneme alphabet="x-sampa" ph="m@l@ko">молоко</phoneme>. </speak>
Список поддерживаемых фонем для каждого из языков.
speak
Тег <speak>
— это корневой тег. Весь текст должен быть внутри этого тега.
<speak>Мой текст в формате SSML.</speak>
s
Используйте тег <s>
, чтобы добавить паузу между предложениями. Пауза после предложения равна паузе после точки. Длительность паузы зависит от выбранного голоса, эмоциональной окраски, скорости и языка.
<speak>
<s>Первое предложение</s>
<s>Второе предложение</s>
</speak>
Все паузы внутри тега тоже учитываются. Например на месте точки добавится дополнительная пауза, даже если она стоит перед закрывающим тегом.
sub
Используйте тег <sub>
, чтобы подменить текст на другой текст при произношении. Например, чтобы правильно произнести аббревиатуру или название химического элемента.
<speak>
Мой любимый химический элемент — <sub alias="ртуть">Hg</sub>, потому что блестит.
</speak>