Тег small: Тег | htmlbook.ru – Тег | HTML справочник

Leave a Comment / Разное / By /

Содержание

Тег | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
2.0+1.0+2.0+1.0+1.0+1.0+1.0+

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

HTML:3.24.015.0XHTML:1.01.1

Описание

Тег <small> уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление тега <small> уменьшает текст на одну условную единицу. Допускается применение вложенных тегов <small>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.

На размер шрифта влияет не только заданный атрибут size тега <font>, но и выбор гарнитуры шрифта. Шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров. Для более точного управления размером текста используйте стили.

Синтаксис

<small>Текст</small>

Закрывающий тег

Обязателен.

Атрибуты

Для этого тега доступны универсальные атрибуты и события.

Аналог CSS

font-size

Пример 1

HTML 4.01IECrOpSaFx

<!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>Тег SMALL</title>
 </head>
 <body>
  <p><big><big>Большая кошка</big></big></p>
  <p>Из семейства кошачьих самая большая кошка это совсем не 
  <small>лев</small>, как можно было бы подумать исходя из 
  титула «царя зверей». А уссурийский тигр, вес которого 
  достигает 300 килограмм. Тигр уступает по <small>размерам</small>
  и <small>весу</small> только другому наземному 
  хищнику, белому медведю.</p>
 </body>
</html>

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

Рис. 1. Вид текста, оформленного с помощью тега <small>

Пример 2

HTML5IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег SMALL</title>
 </head>
 <body>
  <footer>
  Звоните нам по телефону <small>(416)</small> 555-666-667
  </footer>
 </body>
</html>

Тег | HTML справочник

HTML теги

Значение и применение

Тег <small> устанавливает размер шрифта текста на один размер меньше (например, от малого —

13px к очень маленькому размеру — 10px, от большого — 18px к среднему — 16px и так далее). Другими словами элемент <small> устанавливает размер шрифта меньшего размера, чем у родительского элемента (значение CSS по умолчанию — font-size: smaller).

В HTML 5 элемент может содержать информацию об авторских правах, мелкий, либо юридический шрифт.

Поддержка браузерами

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования элемента <small><title>
	<style> 
	.primer1 {
	font-size: large; /* устанавливаем размер шрифта большого размера. Эквивалент 18px (пикселов). */
	}
	.primer2 {
	font-size: small; /* устанавливаем размер шрифта большого размера. Эквивалент 13px (пикселов). */
	}
	</style>
	</head>
	<body>
		<div class = "primer1">
			<p>Процентная ставка всего 15%*</p>
			<small>* - в день</small> /* устанавливает размер шрифта меньшего размера, чем у родительского элемента (16px) */
		</div>
		<div class = "primer2">
			<p>Процентная ставка всего 15%*</p>
			<small>* - в день</small> /* устанавливает размер шрифта меньшего размера, чем у родительского элемента (10px) */
		</div>
	</body>
</html>

В этом примере мы создали два класса для которых задали различные значения для размера шрифта, для первого класса указали значение large, что соответствует 18 пикселям, а для второго установили значение small, что эквивалентно 13 пикселям.

Затем мы создали два одинаковых блока и назначили им созданные нами классы. Внутри блоков разместили параграфы (HTML элемент <p>), у которых размер шрифта соответствует заданным нами значениям для всего блока.

Кроме того, в каждом блоке мы разместили элементы <small>, текст в которых будет меньше чем в наших абзацах, т.к. значение CSS по умолчанию у этих элементов font-size: smaller, что приводит к тому, что размер шрифта становится меньшего размера, чем у родительского элемента.

Результат нашего примера:

Пример использования элемента <small>

Отличия HTML 4.01 от HTML 5

Нет.

Значение CSS по умолчанию

small {
font-size: smaller;
}

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

HTML теги

| HTML | WebReference

В HTML4 <small> (от англ. small — маленький) уменьшает размер шрифта на единицу по сравнению с обычным текстом. В HTML4 размер шрифта измеряется в условных единицах от 1 до 7, средний размер текста, используемый по умолчанию, принят 3. Таким образом, добавление <small> уменьшает текст на одну условную единицу. Допускается применение вложенных элементов <small>, при этом размер шрифта будет меньше с каждым вложенным уровнем, но не может быть меньше, чем 1.

В HTML5 элемент <small> используется для сносок и комментариев, написанных обычно мелким текстом. К ним могут относиться предостережения, информация о лицензии, авторских правах и др.

Синтаксис

<small>Текст</small>

Закрывающий тег

Пример

<!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>SMALL</title>
 </head>
 <body>
  <p><big><big>Большая кошка</big></big></p>
  <p>Из семейства кошачьих самая большая кошка это совсем не 
  <small>лев</small>, как можно было бы подумать исходя из 
  титула «царя зверей». А уссурийский тигр, вес которого 
  достигает 300 килограмм. Тигр уступает по <small>размерам</small>
  и <small>весу</small> только другому наземному 
  хищнику, белому медведю.</p>
 </body>
</html>

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

Вид текста, оформленного с помощью small

Рис. 1. Вид текста, оформленного с помощью <small>

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>SMALL</title>
 </head>
 <body>
  <footer>
  <small>Звоните нам по телефону (416) 555-666-667</small>
  </footer>
 </body>
</html>

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

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

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

  • Recommendation (Рекомендация) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation (Возможная рекомендация) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation (Предлагаемая рекомендация) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft (Рабочий проект) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft (Редакторский черновик) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft (Черновик спецификации) — первая черновая версия стандарта.

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

×

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 09.10.2018

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

seodon.ru | Теги HTML — Тег SMALL

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

Тег <SMALL> применяется для уменьшения размера шрифта по отношению к шрифту в браузере по умолчанию. В HTML используется семь размеров шрифтов, измеряемых в числах от 1 до 7, где 7 самый большой шрифт. Тег <SMALL> уменьшает шрифт на единицу. Причем, его можно неоднократно вкладывать друг в друга, чтобы получить шрифт еще меньше. По умолчанию в браузерах используется шрифт с размером в 3-и единицы.

Атрибуты

Личные атрибуты: нет.

Общие атрибуты:

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

Тип тега

Назначение: текст (строки).

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

Может содержать: inline-теги, обычный текст и спецсимволы HTML (мнемоники).

Открывающий тег: необходим. Закрывающий тег: необходим.

Синтаксис

<small>текст</small>

Пример HTML: применение тега SMALL

<!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 - Применение тега SMALL</title>
 </head>
 <body>
  <p>Текст вашего браузера по умолчанию.</p>
  <p><small>Текст уменьшен на 1.</small></p>
  <p><small><small>Текст уменьшен на 2.</small></small></p>
 </body>
</html>

Результат примера

Результат. Применение тега SMALL.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаДаДаДаДа

| Справочник HTML

Элемент <small> (от англ. «small» ‒ «небольшой, маленький») уменьшает размер вложенного в него шрифта на одну единицу, кроме случаев когда исходный текст уже имеет наименьший допустимый размер.

В HTML5 элемент <small> используется для сносок и комментариев, написанных обычно мелким текстом. К ним могут относиться предостережения, информация о лицензии, авторских правах и др.

Примечание: Для уменьшения текста более чем на одну единицу допускается вкладывание элементов small друг в друга, но достичь подобного эффекта будет проще и удобней при помощи CSS.

Примечание: Данный элемент является противоположностью элементу big (увеличение шрифта).

Синтаксис

<small>Текст</small>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <small> со следующими значениями CSS по умолчанию:

small { 
    font-size: smaller;
}

Различия между HTML 4.01 и HTML5

Нет.

Пример использования:

Выпадающий список с четырьмя вариантами выбора:

Пример HTML:

Попробуй сам
<p>Текст стандартного размера.</p>
<p><small>Текст уменьшенного размера.</small></p>

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

Поддержка браузерами

Элемент
<small> 3+ 1+ 3.5+ 1+ 1+ 1+
Элемент
<small> 1+ 1+ 6+ 1+

Попробуйте сами — Примеры

Как сделать текст жирным и привлечь к нему внимание:
Важный и жирный текст

Как сделать акцент на фрагменте текста:
Акцент и курсив

Как отобразить текст в нижнем или верхнем индексе:
Форматирование текста

Учебник HTML

HTML уроки: HTML Форматирование

HTML Элементы


HTML тег small | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 23.01.2011

Тег <small> (с англ. маленький) — тег-контейнер, отображает текст уменьшенным размером шрифта на одну условную единицу (от 1 до 7. Значение по умолчанию «3»). Эквивалентно <font size=»-1″>.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<small>...</small>

Атрибуты

Основные Вспомогательные События

classопределяет имя используемого класса
dirопределяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
idуникальный идентификатор
langопределяет используемый язык в документе, на который указывает ссылка
onclickщелчок на элементе
ondblclickдвойной щелчок на элементе
onkeydownнажатие клавиши, когда элемент имеет фокус
onkeypressнажатие и освобождении клавиши, когда элемент имеет фокус
onkeyupосвобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedownнажатие кнопки мыши, когда элемент имеет фокус
onmousemoveдвижение указателя мыши, когда элемент имеет фокус
onmouseoutсмещение указателя мыши с элемента
onmouseoverпомещение указателя мыши на элемент
onmouseupосвобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
styleзадает встроенную таблицу стилей
titleвсплывающая подсказка

Пример

<small>Маленькой</small> елочке холодно зимой!

Рекомендации по использованию

  • закрывающий тег обязателен (</small>)
  • тег <small> может содержать CDATA и строчные элементы
  • обязательных атрибутов нет
  • если применяется к шрифту, для которого задан относительный размер равный 1, тег не окажет никакого действия
  • для предсказуемой установки размера шрифта рекомендуем использовать таблицы стилей
  • аналог CSS — font-size

Твой код:
<html> <head> <title></title> </head> <body> <p><small>Маленькой</small> елочке холодно зимой! </p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

По теме

HTML тег small | назначение, синтаксис, атрибуты, примеры

Последнее обновление: 03.03.2009

Тег <small> (с англ. маленький) — тег-контейнер, отображает текст уменьшенным размером шрифта на одну условную единицу (от 1 до 7. Значение по умолчанию «3»). Эквивалентно <font size=»-1″>.
Строчный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<small>...</small>

Атрибуты

Основные Вспомогательные События

classопределяет имя используемого класса
dirопределяет направление символов:
  • ltr — слева направо
  • rtl — справа налево
idуникальный индетификатор
langопределяет используемый язык в документе, на который указывает ссылка
onclickщелчек на элементе
ondblclickдвойной щелчек на элементе
onkeydownнажатие клавиши, когда элемент имеет фокус
onkeypressнажатие и освобождении клавиши, когда элемент имеет фокус
onkeyupосвобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedownнажатие кнопки мыши, когда элемент имеет фокус
onmousemoveдвижение указателя мыши, когда элемент имеет фокус
onmouseoutсмещение указателя мыши с элемента
onmouseoverпомещение указателя мыши на элемент
onmouseupосвобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
styleзадает встроенную таблицу стилей
titleвсплывающая подсказка
Пример

<small>Маленькой</small> елочке холодно зимой!

Рекомендации по использованию
  • закрывающий тег обязателен (</small>)
  • тег <small> может содержать CDATA и строчные элементы
  • обязательных атрибутов нет
  • если применяется к шрифту, для которого задан относительный размер равный 1, тег не окажет никакого действия
  • для предсказуемой установки размера шрифта рекомендуем использовать таблицы стилей
  • аналог CSS — font-size

Твой код:
<html> <head> <title></title> </head> <body> <p><small>Маленькой</small> елочке холодно зимой! </p> </body> </html> Сделай код и жми тут

Результат:
большой полигон

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *