14

この質問は誤解を生む可能性があります。ドキュメントが XHTML 1.0 Transitional であることを正しく検証するには、CSS を使用する必要があることを知っています。事実は、テキスト imageで作成されたゼロと 1 で構成される画像を自分の Web ページに埋め込む必要があることです。問題は、コードが非推奨のタグ フォントを使用しており、次のようになっていることです。

<!-- IMAGE BEGINS HERE -->
<pre>
    <font size="-3">
        <font color="#000000">0001100000101101100011</font>
        <font color="#010000">00</font>
        <font color="#020101">0</font>
        <font color="#040101">0</font>
        <font color="#461919">1</font>
        <font color="#b54f4f">1</font>
        ...etc.etc...
    </font>
</pre>
<!-- IMAGE ENDS HERE -->

(このコード例では、読みやすくするためにタグの各カップルの後に改行を挿入しましたが、<pre>タグのために元のコードはすべて 1 行になっています)。フォントの色は少なくとも数千回変化するため、組み合わせごとに CSS にフィールドを作成することを考えたことはありませんでした。誰かが少なくとも解決策を見つける場所を知っていることを願っています。

4

4 に答える 4

40

あなたは置き換えることができます

<font color="#000000">0001100000101101100011</font>

と

<span style="color:#000000">0001100000101101100011</span>

等...

*編集：これがCSSであることは知っていますが、質問の状態のような個別のスタイルシートは含まれていないため、問題ない可能性があります.

于 2008-12-11T08:05:16.527 に答える
2

どうもありがとう！：DIはこのコードを使用しました

<!-- IMAGE BEGINS HERE -->
<div style="font-size:x-small;font-family:monospace">
    <span style="color:#000000">0001100000101101100011</span>
    <span style="color:#010000">00</span>
    ...etc.etc...
</div>
<!-- IMAGE ENDS HERE -->

正しく動作します！：D

于 2008-12-11T09:22:30.270 に答える
2

javascript はどうですか？

色データを JSON 配列として送信し、'0' と '1' を別の配列として送信し、DOM 要素を動的に生成します。

<script>
values = [1, 0, 0, 1, ... ]
colors = ["010000", "020101", ...]

for (i = 0; i < values.length; i++) {
    span = createElement("span"); // use a portable function for creating elements
    span.setAttribute("style", "color:#"+colors[i]);
    txtNode = document.createTextNode(values[i]); 
    span.appendChild(txtNode);
    document.appendChild(span);
}
</script>

または、このようなもの...

于 2008-12-11T08:43:08.400 に答える
0

なぜ検証する必要があるのですか？

あなたがすでに持っている解決策はあなたがしていることに絶対に問題ありません。できます。これは、アクセシビリティを向上させるためにセマンティックタグでマークアップする必要がある意味のあるドキュメントではありません。これは芸術作品ですので、意図をより明確に表現するのに役立つ場合は、ルールを無視してください。

検証があなたが作ろうとしている芸術的なステートメントの一部である場合は<span style="color:#ff00ff;">00</span>、他のポスターによって提案されているように使用してください-しかし、それはあなたのファイルサイズをかなり大きくします。

もう1つのアプローチは、Doctypeを変更して、XHTML Transitionalをターゲットにしないようにすることです<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">。代わりに、または以前のHTMLリビジョンを使用してください。

于 2008-12-11T09:22:39.460 に答える