figure внутри a

[anvyd]

Доброе время суток.
У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой.
вопрос такой, как правильней огранизовать это?
На ум приходят два варианта:
1)

<a href="#"> <figure>  <img src="img/img.png" alt="описание">  <figcaption>описание</figcaption> </figure></a>

2)

<figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>

Но правильно ли это, и если правильно, то какой вариант ближе к истине.
Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и height=auto для изображений прописано. Но мне кажется первый вариант более логичный, не требуется плодить лишние ссылки, может кто подскажет как правильнее делать?

еще я вычитал, что не надо помещать логотип+краткое описание в тег figure, кто что может сказать по этому поводу?

Edited August 14, 2015 by anvyd

[wwt]

Первый вариант на мой взгляд верно. Второй это вообще велосипед какой-то =) Тем более figcaption должен быть либо первым либо последним потомком родителя, а он вложен.

[psywalker]

Первый вариант на мой взгляд верно. Второй это вообще велосипед какой-то =) Тем более figcaption должен быть либо первым либо последним потомком родителя, а он вложен.

Согласен!

[stan07]

Доброе время суток.

У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой.

вопрос такой, как правильней огранизовать это?

На ум приходят два варианта:

1)

<a href="#"> <figure>  <img src="img/img.png" alt="описание">  <figcaption>описание</figcaption> </figure></a>

2)

<figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>

Но правильно ли это, и если правильно, то какой вариант ближе к истине.

Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и height=auto для изображений прописано. Но мне кажется первый вариант более логичный, не требуется плодить лишние ссылки, может кто подскажет как правильнее делать?

еще я вычитал, что не надо помещать логотип+краткое описание в тег figure, кто что может сказать по этому поводу?

CSS-код этих блоков в студию )

[Vlad]

CSS-код этих блоков в студию )

 

Не надо никакого CSS. Вопрос про организацию элементов, а не как они выглядят на конечном сайте.

[stan07]

 

CSS-код этих блоков в студию )

 

Не надо никакого CSS. Вопрос про организацию элементов, а не как они выглядят на конечном сайте.

 

ТС написал:

 

 

Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и height=auto для изображений прописано.

а туи без CSS-кода не разобраться )