Phần tử <figure> chỉ chứa <figcaption> không có hình ảnh?

Question

Có phải ngữ nghĩa của phần tử <figure> không chứa gì ngoài một số <figcaption>? Nó validate ...

<figure> 
    <img src="example.jpg"> 
    <figcaption>Image and caption</figcaption> 
</figure> 

<figure> 
    <figcaption>Caption only</figcaption> 
</figure> 

Trong bối cảnh này, nó sẽ có hậu quả cho phong cách CSS:

figure figcaption { color: red; } 

Answer 1

Một img là không cần thiết trong một phần tử figure, nó chỉ xảy ra là phổ biến, và hầu hết các ví dụ sử dụng figcaption cũng có một hình ảnh.

http://dev.w3.org/html5/spec/single-page.html#the-figure-element

Yếu tố <figure> do đó có thể được sử dụng để chú thích minh họa, sơ đồ, hình ảnh, danh sách mã, vv, được đề cập đến từ nội dung chính của tài liệu, nhưng điều đó có thể, mà không ảnh hưởng dòng chảy của tài liệu , được di chuyển ra khỏi nội dung chính đó, ví dụ: ở bên cạnh trang, tới các trang dành riêng hoặc phụ lục.

http://dev.w3.org/html5/spec/single-page.html#the-figcaption-element

Yếu tố <figcaption> đại diện cho một chú thích hoặc chú giải cho phần còn lại của nội dung của phần tử hình ảnh cha mẹ các yếu tố figcaption của, nếu bất kỳ.

Lưu ý "nếu có" một phần, dẫn tôi để tin rằng những nội dung khác so với figcaption có thể không tồn tại và nó vẫn sẽ có hiệu lực. Tuy nhiên, như Alochi lưu ý, nó cho thấy một sự lạm dụng của các yếu tố vì không có nội dung cho các chú thích để mô tả.

Có là một ví dụ trong ví dụ đặc điểm kỹ thuật hiện tại của nội dung không phải hình ảnh được kèm theo một figcaption, vì vậy tôi nghĩ rằng nó là công bằng để cho rằng nó hoàn toàn OK để không có một hình ảnh:

Ở đây, một phần của bài thơ được đánh dấu bằng con số.

<figure> 
    <p>'Twas brillig, and the slithy toves<br> 
    Did gyre and gimble in the wabe;<br> 
    All mimsy were the borogoves,<br> 
    And the mome raths outgrabe.</p> 
    <figcaption> 
    <cite>Jabberwocky</cite> (first verse). 
    Lewis Carroll, 1832-> 98 
    </figcaption> 
</figure> 

Answer 2

nội dung được phép cho con số:

• một yếu tố figcaption, theo sau là nội dung luồng
• nội dung luồng theo sau bởi một yếu tố hình ảnh tùy chọn

(c) w3c/figure

Answer 3

Như Michael Malinovskij trả lời, Một yếu tố hình nên chứa "nội dung dòng chảy" cũng như một figcaption.

The HTML5 spec has this to say about flow content

Theo nguyên tắc chung, các yếu tố có nội dung mô hình cho phép bất kỳ dòng nội dung hoặc cụm nội dung nên có ít nhất một nút con rằng là nội dung có thể sờ thấy và điều đó không có thuộc tính ẩn định .

Yêu cầu này không phải là một yêu cầu khó khăn, tuy nhiên, như có nhiều trường hợp một yếu tố thể để trống cách hợp pháp, ví dụ như khi nó được sử dụng như một giữ chỗ mà sau này sẽ được lấp đầy bằng một kịch bản, hoặc khi phần tử là một phần của mẫu và trên hầu hết các trang, hãy điền nhưng trên một số trang không có liên quan.

Vì vậy, không có bất cứ điều gì khác hơn là figcaption là hợp lệ Tuy nhiên, trừ khi bạn có ý định để điền vào nội dung sau, nó có thể không được truyền đạt một ý nghĩa hữu ích hay đúng, mà có thể được mô tả như không ngữ nghĩa .