Вадим, Если вам так угодно, то отметил.
Но вообще считаю кнопку «Отметить решением» малость некорректной. Плюс за ответ, как это реализовано на stackoverflow или некую оценку балльную — это бы лучше удовлетворяло удовлетворенность ответом, обсуждением.
Вот про поисковые системы, такое ощущение, что нет вообще никаких доказательств ни за, ни против — только голосновные утверждения типа: станет лучше/хуже (фактов нет). Даже в доке яндекса написано, цитирую:
«Разметка может сделать ваш сайт более заметным в Поиске Яндекса и таким образом привлечь больше посетителей, принадлежащих целевой аудитории. Однако, напрямую семантическая разметка не влияет на ранжирование.»
Т. е. сам яндекс нам сообщает: разметка не влияет. То же самое, но другими словами, нам сообщает какой-то чувак из гугла.
Владимир, в вашем последнем примере три картинки отображаются, а должна одна. Боюсь полюбопытствовать, вы понимаете что делает атрибут media? Думаю, понимаете) Но картинка-то должна одна появиться, а не три.
Mizutsune, Если изображений много и все они с одинаковым соотношением сторон, то этот вариант подойдет, если же изображения разные их много на сайте, то прописывать aspect-ration для каждого — та еще затея, а если еще изменить изображение, тогда вообще карнавал начнется...как это сложным выглядит.
Владимир, а как это решает проблему того, что я использую picture + source + media? Не понимаю. Могли бы привести на основе того, что в вопросе находится? Должна же одна картинка загрузится, а не три.
Владимир, Я понимаю, что код можно менять. Вот только поняли ли вы вопрос? Если не поняли, поясню. Представьте, у вас есть 10 изображений, медленный интернет, вы открываете страницу, текст подгрузился, а изображения еще не подгрузились, вы читаете написанное, изображение подгружается, оно занимает ранее не рассчитанный размер на странице и своим появлением сдвигает текст. Если бы изначально были указаны точные размеры изображения, то такого не произошло бы — вы прокрутили к тексту страницу, а подгрущающиеся изображения занимали бы отведенное им место, указанное в атрибутах width и height.