HTML Span: элемент для выделения текстового контента на странице

HTML элемент span используется для определения инлайн-элемента, который может содержать любую текстовую информацию и является частью документа. Тег span добавляет для текста, содержащегося внутри него, определенный стиль или свойство. Это может быть полезным при создании раскраски текста или форматировании отдельных слов в тексте.

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

html
Этот текст содержит красное слово.

Результатом будет:

Этот текст содержит красное слово.

В данном примере тег span обернут вокруг слова "красное", которое становится красным цветом благодаря заданному свойству "color:red" в атрибуте style.

Тег span также может использоваться вместе с CSS для добавления стиля к определенным элементам. Например, при использовании класса, можно задать свойства для всех элементов с этим классом:

html
Этот текст выделен.

Результатом будет:

Этот текст выделен.

В данном примере тег span обернут вокруг слова "текст", которое выделяется желтым фоном и жирным шрифтом благодаря классу "highlight" и CSS свойствам, заданным в блоке стилей.

Тег span может также использоваться для задания ID элемента и создания ссылок на якоря на странице. Например:

html
Перейти к якорю
К якорю

Результатом будет:

Перейти к якорю

При нажатии на ссылку "К якорю" страница прокручивается к месту, где находится элемент с ID "myanchor", т.е. к слову "якорю" внутри элемента span.

В заключении, тег span – это универсальный инлайн-элемент, который удобен для добавления стиля и форматирования текста внутри документа, а также для создания ссылок на якори на странице.