Хорошо, чтобы получить ответ, я создал новый документ Word (с помощью Word 2010), вставил картинку с моего жесткого диска, а затем сохранил файл как файл HTML.Затем я посмотрел на получившуюся страницу и попытался разобраться в том, что делал Word.Я обнаружил, что в дополнение к тегу HTML <img>
Word также создал элемент <v:shape>
, скрытый условным комментарием .Вот то, что я придумал на основе вашего примера:
<!--[if gte vml 1]>
<v:shape id="Picture1" style="width:800px;height:200px;">
<v:imagedata src="http://mysite.com/images/pic.jpg"/>
</v:shape>
<![endif]-->
<![if !vml]>
<img src='http://mysite.com/images/pic.jpg' width='800' height='200' v:shapes="Picture1"/>
<![endif]>
Если вы используете этот файл как файл .doc, вы можете сэкономить место и дублирование, включив только элемент <v:shape>
и оставивиз условных комментариев.
<v:shape id="Picture1" style="width:800px;height:200px;">
<v:imagedata src="http://mysite.com/images/pic.jpg"/>
</v:shape>