2012-02-29 2 views
0

의 하위 항목을 포함하여 나는 schema.org를 사용하여 웹 페이지의 이미지에 대한 정보를 풍부하게하는 방법을 찾고 있습니다.마이크로 데이터 : <figure>

다음 코드는, 그러나, 검열 통과하지 않는 것 :

 

<figure itemscope itemtype="http://schema.org/ImageObject" class="figure-container" style="width: 580px"> 
    <img itemprop="image" src="http://cdn.donaldjenkins.com/media/blog-posts/gtd-apps-1.jpg" alt="The Omnifocus Mac app" width="580" height="450" title="The Omnifocus Mac app"> 
    <figcaption itemprop="description"><span itemprop="name">The Omnifocus Mac app window</span>, showing the Perspectives settings panel. This is a powerful feature that allows you to conceal part of the app's inherent complexity when you want to. But Things allows you to do the same more easily with its 'Areas of responsibility' feature.</figcaption> 
</figure> 
 

유효성을 검사하지 않는 <figure> 요소의 자식으로 <span> 요소를 포함하여, 그러나 나는 다른 방법을 발견하지 않았습니다 텍스트에 실제로 서식을 지정할 필요가 없기 때문에 name 속성을 다른 태그에 추가합니다.

이것을 달성하는 방법에 대한 제안은 언제든지 환영합니다. 내가 <span><figure>의 자식이 될 수없는 이유 ...

답변

2

이해 http://validator.w3.org/nu/에서 검증을 시도하는 손실도 해요, 나는/당신의 조각을 붙여 복사하고 그것을 잘 확인.

+0

네, 맞습니다. 그렇다면 ''은 결국 '

'의 하위 항목이 될 수 있습니다. –

+1

HTML5에서 [

] (http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-figcaption-element) 요소를 살펴보면 콘텐츠 모델은 제한없이 "흐름 콘텐츠"라는 것을 알 수 있습니다. 클릭하면 태그 목록이 표시됩니다. 이 (가) 해당 목록에 있으므로 사용할 수 있습니다.
에 대한 콘텐츠 모델을 보면
을 기대할 수 있습니다. – linclark

+0

견본 시범. 감사! –

관련 문제