Какой тег я должен использовать вместо устаревшего шрифта тега в html (не могу использовать CSS)

этот вопрос может создать недоразумение: я знаю, что мне нужно использовать CSS для успешной проверки моего документа как XHTML 1.0 Transitional. Дело в том, что мне нужно встроить в мою веб-страницу изображение, состоящее из нулей и изображений, созданных с помощью 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 -->

(В этом примере кода я вставил новую строку после каждой пары тегов, чтобы сделать ее более читаемой, но исходный код находится в одной строке из-за тега <pre>). Цвет шрифта меняется не менее тысячи раз, поэтому я никогда не думал создать поле в CSS для каждой комбинации. Надеюсь, кто-то знает, где найти решение, я искал везде:) Благодаря

Ответ 1

Вы можете заменить

0001100000101101100011

0001100000101101100011

и т.д...

* Edit: Я знаю, что это CSS, но он не включает отдельную таблицу стилей, например, состояния вопроса, которые могут быть в порядке.

Ответ 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>

Или что-то вроде этого...

Ответ 3

Спасибо большое!: D Я использовал этот код

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

Ответ 4

Зачем это нужно для проверки?

Решение, которое у вас уже есть, абсолютно нормально для того, что вы делаете. Оно работает. Это не значимый документ, который должен быть помечен семантическими тегами для улучшения доступности; это произведение искусства, поэтому не стесняйтесь игнорировать правила, если это поможет вам более четко выразить свои намерения.

Если проверка является частью художественного заявления, которое вы пытаетесь сделать, используйте 00, как это было предложено другими плакатами, но это значительно увеличит размер вашего файла.

Другой подход - просто изменить doctype, чтобы вы не нацеливали XHTML Transitional - вместо этого используйте <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> или какую-то более раннюю версию HTML.