Какой тег я должен использовать вместо устаревшего шрифта тега в 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

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

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

с

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

и т.д...

* 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

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

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

Если проверка является частью художественного заявления, которое вы пытаетесь сделать, используйте <span style="color:#ff00ff;">00</span>, как это было предложено другими плакатами, но это значительно увеличит размер вашего файла.

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