我应该使用什么标签来代替 html 中不推荐使用的标签字体（不能使用 CSS）

发布于 2024-07-09 11:31:29 字数 914 浏览 11 评论 0原文

这个问题可能会造成误解：我知道我必须使用 CSS 来成功验证我的文档是否为 XHTML 1.0 Transitional。事实是，我必须在网页中嵌入一张由 0 和 1 创建的图片 text image，问题是代码使用了已弃用的标签字体，看起来像这样

<!-- 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 -->

（在这个代码示例中，我在每对标签后面插入了一个换行符以使其更具可读性，但原始代码是由于

 标签，所有内容都在一行中）。 
  字体的颜色至少改变了数千次，所以我从未考虑过在 CSS 中为每个组合创建一个字段。希望有人至少知道在哪里可以找到解决方案，我到处搜索:) 
  谢谢

原文

this question can create a misunderstanding: I know I have to use CSS to validate successfully my document as XHTML 1.0 Transitional. The fact is that I have to embed in my webpage a picture composed by zeros and ones created with text image, and the problem is that the code uses deprecated tag font and looks like this

<!-- 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 -->

(In this code example I inserted a newline after each couple of tags to make it more readable, but the original code is all in one line because of the <pre> tag).
The font's color changes at least thousands times so I never considered to create a field in the CSS for each combination.Hope someone knows at least where to find a solution, I searched everywhere :)
Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

朱染 2024-07-16 11:31:30

您可以将

0001100000101101100011

替换为

0001100000101101100011

等...

*编辑：我知道这是 CSS，但它不涉及像问题所述的单独样式表，这可能没问题。

回复收藏 0 原文

-残月青衣踏尘吟 2024-07-16 11:31:30

那么 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>

或者像这样的东西...

What about javascript ?

Send the color data as a JSON array, the '0' and '1' as another array and dynamically generate the DOM elements.

<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>

Or something like this...

回复收藏 0 原文

永不分离 2024-07-16 11:31:30

多谢！：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

Thanks a lot! :D I used this code

<!-- 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 -->

It works correctly! :D

回复收藏 0 原文