Китегории

Тег <small>

Internet Explorer Chrome Opera Safari Firefox Android iOS
2.0+ 1.0+ 2.0+ 1.0+ 1.0+ 1.0+ 1.0+

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

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

Синтаксис

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

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

Обязателен.

Атрибуты

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

Аналог CSS

font-size

Пример 1

 
 
 
 
<!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>
<!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>
 
<!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

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