| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 3.0 + | 1.0 + | 3.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Тег <span> призначений для визначення малих елементів документа. На відміну від блокових елементів, таких як <table> , <p> або <div> , за допомогою тега <span> можна виділити частину інформації всередині інших тегів і встановити для неї свій стиль. Наприклад, всередині абзацу (тега <p> ) можна змінити колір і розмір першої літери, якщо додати початковий і кінцевий тег <span> і визначити для нього стиль тексту. Щоб не описувати кожен раз стиль всередині тега, можна виділити стиль в зовнішню таблицю стилів, а для тега додати атрибут class або id з ім'ям селектора.
Синтаксис
<span> ... </span>
Закриваючий тег
Обов'язковий.
Атрибути
Для цього тега доступні універсальні атрибути і події .
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>
Тег SPAN </title>
<style>
body {font-family: Arial, sans-serif; /* Рубаний шрифт */ } .letter {color: red; /* Червоний колір символів */ font-size: 200%; /* Розмір шрифту у відсотках */ font-family: serif; /* Шрифт із зарубками */ position: relative; /* Відносне позиціонування */ top: 5px; /* Зсув зверху */ } </style>
</head>
<body>
<p>
<span class="letter">
Р </span>
озумні люди пристосовуються до навколишнього світу. Нерозумні люди пристосовують світ до себе. Ось чому прогрес визначається діями нерозумних людей. </p>
<p>
Бернард Шоу </p>
</body>
</html>
Результат даного прикладу показаний нижче.
