Skip to main content

Что такое HTML-тег Span?

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

Тег html span похож на логическое разделение или тег div . Оба используются с каскадными таблицами стилей (CSS), языком, который веб-разработчики используют для назначения свойств стиля веб-документам html, xhtml и xml. Использование CSS позволяет отделить контент от элементов представления, таких как макет, шрифт и цвет. Это делает контент более доступным, а презентацию - более гибкой.

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

Тег div разделяет веб-страницу на большие разделы. Его использование позволяет разработчикам определять стиль большого раздела HTML-кода. С тегом div предоставляется возможность присваивать тегам разделы, чтобы их можно было легко обрабатывать в CSS. Обратите внимание, что тег html div разделяет абзацы. Другими словами, у вас могут быть абзацы внутри раздела, помеченные div, но у вас может не быть div внутри абзаца.

Тег html span похож на тег div, поскольку он включает в себя часть текста. Без атрибутов стиля он не изменит вложенный текст. не будет выполнять форматирование без тегов атрибутов, где div включает разрывы.

Три полезных атрибута, которые можно использовать с тегом html span, это style, class и id. Используя span, определенный атрибут может быть присоединен к небольшой части текста. Например, если предложение написано в заголовке уровня 1, а последнее слово должно быть красным, для этого можно использовать тег span html. Смотрите пример ниже.

<H1> Это должно быть <span style = "color: # f00;"> красным </ span> </ H1>

даст этот результат:

Это должно быть красным

Заключив нужное слово в тег html span, атрибут - в данном случае красный цвет - ограничивается указанным одним словом. Следует отметить, что тег html span может находиться внутри тега абзаца или div. Как и для всех HTML-тегов, вы должны закрыть элемент, чтобы он работал правильно.