From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/span/index.html | 124 ++++++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) create mode 100644 files/ru/web/html/element/span/index.html (limited to 'files/ru/web/html/element/span') diff --git a/files/ru/web/html/element/span/index.html b/files/ru/web/html/element/span/index.html new file mode 100644 index 0000000000..3a8788e03e --- /dev/null +++ b/files/ru/web/html/element/span/index.html @@ -0,0 +1,124 @@ +--- +title: +slug: Web/HTML/Element/span +tags: + - Element + - HTML + - Web + - Веб + - Потоковый контент + - Справка + - Элемент +translation_of: Web/HTML/Element/span +--- +
{{HTMLRef}}
+ +

HTML-элемент <span> является основным строковым контейнером для фразового контента, который, по существу, ничего не представляет. Он может использоваться для группировки элементов в целях стилизации (использование атрибутов {{htmlattrxref("class")}} или {{htmlattrxref("id")}}) или потому, что они имеет общие значения атрибутов, например {{htmlattrxref("lang")}}. Он должен быть использован только когда нет другого подходящего по семантике элемента. <span> очень похож на элемент {{HTMLElement("div")}}, но {{HTMLElement("div")}} является блочным элементом, в то время как <span> является строчным.

+ +
{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Категории контентаПотоковый контент, фразовый контент.
Разрешенное содержимоеФразовый контент.
Пропуск тегаНи одного; Оба тега, открывающий и закрывающий, являются обязательными.
Разрешенные родительские элементыЛюбой элемент, который разрешает фразовый или потоковый контент в качестве содержимого.
Разрешенные роли ARIAЛюбые
DOM-интерфейс{{domxref("HTMLSpanElement")}} (до {{glossary("HTML5")}}, интерфейсом был {{domxref("HTMLElement")}})
+ +

Атрибуты

+ +

К этому элементу применимы только глобальные атрибуты.

+ +

Пример 1

+ +

HTML

+ +
<p><span>Какой-нибудь текст</span></p>
+ +

Результат

+ +

{{EmbedLiveSample('Пример_1')}}

+ +

Пример 2

+ +

HTML

+ +
<li><span>
+    <a href="portfolio.html" target="_blank">Посмотреть мое портфолио</a>
+</span></li>
+
+ +

CSS

+ +
li span {
+  background: gold;
+ }
+
+ +

Результат

+ +

{{EmbedLiveSample('Пример_2')}}

+ +

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарий
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '<span>')}}{{Spec2('HTML5 W3C')}}{{glossary("DOM")}}-интерфейс теперь {{domxref("HTMLSpanElement")}}.
{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}}{{Spec2('HTML4.01')}} 
+ +

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

+ + + +

{{Compat("html.elements.span")}}

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf