2016-11-18 3 views
2

これは明らかに「<figure>要素には画像なしの<figcaption>のみが含まれていますか?」という疑問があります。<figure>

HTML5の意味要素を使用するように私のウェブサイトを変換しています。私にはたくさんのポートフォリオページがあり、たくさんの画像が含まれています。

<img ... > 
<p class="caption">... </p> 

は、私がfigure要素に画像とキャプションをラップすることなくfigcaptionpタグとクラスを置き換えることができます。各画像はこのように、キャプションを持っていますか?

figure要素内のすべての画像とキャプションを囲むことは私にとっては苦労し、余分な(不要な)コードを追加します。

figcaptionを使用すると、クラスにpタグを使用するより意味的によく似ています。

イメージはページの本文で直接参照されていないので、figureを使用するのは厳密には必要ではない、または必要ではありません(と私はこれをやる時間を過ごすのがうんざりですコードが膨らむ)。

+0

これらの日常的なテキストエディタには、RegExの検索置換機能があります。 RegExと 'replace all'を使うと、あなたのコードを 'figure'タグを含む有効なHTMLに変更することは間違いなく可能です。 –

答えて

3

有効ですが、有効なHTMLではありません。

許可親要素:specsは親が<figure>でなければならないと言う<figure>要素。 <figcaption> 要素は最初または最後の子でなければなりません。

+0

私はそれほど意味のないpタグとクラスに固執しなければならないのは残念ですが、悲しいことに私がやることです。 – Markeee

+0

@Markeee:孤立したfigcaptionはあまり良くありません。 HTMLを消費するブラウザや他のユーザエージェントが、両方の要素を含むFigureが存在しない場合は、画像とfigcaptionを関連付ける方法はありません。 – BoltClock

関連する問題