Теги предоставляют указания или рецепты для визуального контента, который каждый видит в Интернете, они могут быть стилизованы с помощью CSS, нацелены, изменены, внедрены с помощью Javascript, чтобы они могли иметь утилиту, даже если они пусты, это зависит отcontext.
Поскольку вы не указали какой-либо конкретный контекст, вот пример текста и цветных фигур, отображаемых только с пустыми тегами <span>
:
span{
display:block;
width:50px;
height:50px;
background-color:yellow;
border-radius: 100%;
}
span:first-child{
margin-top:20px;
background-color:red;
}
span:last-of-type{
background-color:green;
}
span:first-child::after{
content: "Dare to say to this cute traffic light that he is pointless ?";
position:absolute;
top:0;
}
span:first-child::before{
position:absolute;
background-color:black;
height:150px;
width:50px;
z-index:-1;
content:"";
}
span:last-of-type::before{
position:absolute;
background-color:black;
height:150px;
width:20px;
z-index:-1;
left:22px;
top:150px;
content:"";
}
<span></span>
<span></span>
<span></span>