Семантично ли располагать прямо в тексте изображение, тэг img?

Question

[Senseich]

Всем привет! Сегодня попался такой пример:


Изображение находится, где то в тексте и обтекается им.

Как я понимаю это будет выглядеть примерно так:

<p>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh 
  euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
  ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
  ut aliquip ex ea commodo consequat.

   <img src="images/sample.gif" alt="Иллюстрация" style="float:left">

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh 
  euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
  ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
  ut aliquip ex ea commodo consequat.
</p>

Но вопрос, так правильно (семантично) делать? Вставлять изображение прямо в текст, в нужном месте. Или это делается как то по другому?
У меня был вариант разделить текст в теги <span> т.е.:

<span>текст до изображения</span><img src=""><span>текст после изображения</span>

Но визуально это выглядит одинаково )

Answer 1

[Stalker_RED]

Исторически изображение - это инлайн элемент. Специально, чтобы можно было делать вот так:

Lorem ipsum dolor sit amet <img src="https://vgy.me/U04nSf.png" alt="image"/>, consectetuer adipiscing elit, sed diem nonummy nibh 
  euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim 
  ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl 
  ut aliquip ex ea commodo consequat.

И никакие спаны не нужны.

Comments

[Senseich]

Stalker_RED, т.е. так и делается как я написал? Возможно меня уже глючит )

[Stalker_RED]

Senseich, да, ваш первый вариант лучше, чем второй.