samp 要素にスクリーンショットを使うことについて

Category : HTML

HTML の samp 要素について。
この要素はプログラムやコンピュータシステムの出力を表すとなっています。

The samp element represents (sample) output from a program or computing system.

ということは CSS の実行結果なんかのスクリーンショット画像を samp 要素でマークアップしてもいいのではないかと思ったわけです。

<pre><code>
body {
  color: red;
}
</code></pre>
<p><samp><img src="ss.png" alt="ページ全体の文字が赤くなりました。" /></samp></p>

こんな感じですか。
で、それを Twitter で書いていたら意見をもらいました。

スクリーンショットは実行結果というよりそれを恣意的に切り取って編集したものなので、"output from a program or computing system" とは言いがたい気がする。

スクリーンショットは編集者が画像編集ソフトとかで作ったもので、“Hello world” みたいにシステムが吐いたものではない、ってとこかな? やっぱ基本 figure または p とかがいい気がする。

途中で人の手が加わったのでコンピュータからの出力結果とは言えないということですね。
なるほど。

そもそも、出力されたものをキャプチャしてアップロードしたものは「出力結果そのもの」なのかという話になってきます。

結局どうなんだってことですけど。
ゆるく考えればセーフ、厳密に考えたらアウトっぽいです。
なんかこれは仕様の一文をどう解釈するかの問題のような気もするので、個人の意見としておいたほうがいいかと思います。すみません。

「書かれてないけど実はそういうのも決まってるんだぜ」的なのがありましたら是非教えてほしいです。探してはみたんですが全然見つからなくて……。

指摘のあったように、実際には無難に pfigure になりそうです。

Leave a Reply