質問: figureタグを使うべきかが、難しいのですが、下記の認識でよいでしょうか? の続き figureタグとは 文章に組み入れられない(ドキュメントのメインのフローから単独のユニットとして参照されるものとなります。) 画像, 動画, コンピュータ言語のコード, 詩歌(仕様草案の例にある), 或いはアスキィアートなどが要素とされる。 また、注釈となる要素は必須で無いため、 注釈を伴わない挿絵, 図表, 写真, 動画, コンピュータ言語のコード, 或いはアスキィアートなどにも用いる事が可能です。 * つまり、これが無くても文章が通じなくなる恐れがない場合は、自己完結しているのでfigureを使う。 例えば、ポートフォリオの自分の画像はなくても、文章が通じるので、この場合の画像は自己完結している。 逆に、下記がポートフォリオ一覧ですという文章の下にポートフォリオの画像が有る場合、ポートフォリオの画像がないと、文書の下にポートフォリオがないじゃないかとなってしまうので、自己完結しておらず、ポートフォリオの画像はただのimgのみになる。 *HTMLのimgやソースなどfigureで囲む可能性のあるソースを削除して、ブラウザ上で見て、何も違和感を感じなければ自己完結している。 違和感があれば自己完結していないので、figureでは無い。 例一覧 ・自己完結しているのでfigure。 サイトの例 私はこんなスキルがある。こんな事を考えたサイトを作っている。 (自分の画像) ・自己完結しているのでfigure。この場合、DOMでのgetElementById()メソッドのJAVAスクリプトでの使い方を例として出しているだけですので、これが無くても文章が通じなくなる恐れはないので自己完結している。 サイトの例 ``` getElementById()メソッドの実装状況 JAVAスクリプトでの例 function showOrHide(e) { var ele=document.getElementById(e); var d=(ele.style.display || 'block').toLowerCase(); if (d!='none') ele.style.display='none'; else ele.style.display='block'; } getElementById()メソッドは、いくつかの言語に実装されております。 主に、JAVAスクリプト, VBスクリプト, JAVAなどに実装されております。 ``` 下記のようにしても、おかしい文章と思わないので、自己完結している。 ↓ ``` getElementById()メソッドの実装状況 getElementById()メソッドは、いくつかの言語に実装されております。 主に、JAVAスクリプト, VBスクリプト, JAVAなどに実装されております。 ``` ・自己完結しているのでfigure。 サイトの例 スクリプトタグは、内容物がなくても、終了タグが必須。 例 (ソースコード) =○ =○
回答: figure要素を勘違いされていると思います。 前の質問で > > 自己完結している。 > なおかつ文章から参照される性質のものであること。 > > > と書かれているように、 figureタグで囲まれた要素自身は独立している必要がありますが、その外側の文章は、figure要素を参照していなくてはなりません。 文章から figure要素を取り除いて成り立つのであれば、それは「文章から参照される性質のもの」を満たしていません。 追記 自己完結しているとは何か ``` getElementById()メソッドの実装状況 JAVAスクリプトでの例 function showOrHide(e) { var ele=document.getElementById(e); var d=(ele.style.display || 'block').toLowerCase(); if (d!='none') ele.style.display='none'; else ele.style.display='block'; } getElementById()メソッドは、いくつかの言語に実装されております。 主に、JAVAスクリプト, VBスクリプト, JAVAなどに実装されております。 ``` 上記のHTMLから ``` JAVAスクリプトでの例 function showOrHide(e) { var ele=document.getElementById(e); var d=(ele.style.display || 'block').toLowerCase(); if (d!='none') ele.style.display='none'; else ele.style.display='block'; } ``` の部分だけ取り出して成り立つかどうかが、自己完結しているかどうかです。 (すいません、Googleの例は取り除きました) 参照されているかどうか ``` getElementById()メソッドの実装状況 getElementById()メソッドは、いくつかの言語に実装されております。 主に、JAVAスクリプト, VBスクリプト, JAVAなどに実装されております。 ``` で成り立ってしまうなら、参照していません。例えば ``` JAVAスクリプトでの例で示すように、getElementById()メソッドは、いくつかの言語に実装されております。 ``` とあれば、参照していると言えるでしょう。