Ошибка при проверке разметки W3C при попытке получить целый элемент <Figure>в виде ссылки на странице - PullRequest
Новая
       12

Ошибка при проверке разметки W3C при попытке получить целый элемент <Figure>в виде ссылки на странице

2 голосов
/ 03 октября 2011

Я пытаюсь получить целый элемент <figure> в виде ссылки, поэтому я написал следующую строку кода: - 

   <figure>
   <a href="#">
    <img src="images/product-image.jpg" alt="image  " />
    <span class="label"><span class="rotate">40%</span></span>
    <span class="curle-label_bg"></span>
    <figcaption><span class="product-brand">Brand of product</span>
    Main Caption here 
   <span class="save-money">Save 395.05</span>
   <span class="product-price">€169.30</span>
   </figcaption>
   </a>
   </figure>

Я получаю ошибку "Элемент figcaption не разрешен как дочерний элемент дляэлемент a в этом контексте. (Подавляя дальнейшие ошибки из этого поддерева.) " в http://validator.w3.org/, я изменил тип документа в HTML5 (экспериментальный) в " Дополнительная опция "Кто-нибудь может сказать мне, почему я получаю эту ошибку или где я иду не так?

Ответы [ 2 ]

3 голосов
/ 03 октября 2011

С спецификацией :

Контексты, в которых этот элемент может использоваться: как первый или последний дочерний элемент элемента фигуры.

Вы пытаетесь использовать его как дочерний элемент <a>, а не <figure>

2 голосов
/ 03 октября 2011

Лучше сделать это: 

   <a href="#">
     <figure>
        <img src="images/product-image.jpg" alt="image  " />
        <span class="label"><span class="rotate">40%</span></span>
        <span class="curle-label_bg"></span>
        <figcaption><span class="product-brand">Brand of product</span>
          Main Caption here 
         <span class="save-money">Save 395.05</span>
         <span class="product-price">€169.30</span>
       </figcaption>
     </figure>
   </a>

Теперь фигура заключена в тег, а figcaption является потомком фигуры, а не <a>

...