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

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

<!-- 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 для каждой комбинации. Надеюсь, кто-то хотя бы знает, где найти решение, я искал везде :) Спасибо

11.12.2008 08:02:46
Когда вы говорите, что цвет меняется как минимум 1000 раз, вы имеете в виду более 1000 разных цветов?
Ken 11.12.2008 08:28:48
да, я не знаю нужного числа, но есть 300 * 15 записей (нулей или единиц), и у каждой может быть свой цвет
gc5 11.12.2008 09:47:58
«: Я знаю, что должен использовать CSS для успешной проверки моего документа как XHTML 1.0 Transitional» - это совсем не так.
Paul D. Waite 1.10.2010 17:37:21
4 ОТВЕТА
РЕШЕНИЕ

Вы могли бы заменить

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

с

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

так далее...

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

38
11.12.2008 09:18:15
Ой, я только что отправил точно такое же предложение. Я удалю свою, но я согласен с Райаном: это решение не использует таблицу стилей. Обратите внимание, однако, что это увеличивает объем страницы на определенную сумму.
dland 11.12.2008 09:16:17

А как насчет 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>

Или как то так ...

2
11.12.2008 08:43:08

Большое спасибо! : 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

2
11.12.2008 09:22:30

Зачем это нужно проверять?

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

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

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

0
11.12.2008 09:22:39
Спасибо за публикацию. Я согласен с вами в том, что в некоторых случаях вы не следуете правилам, но я стараюсь максимально приблизить его к стандартному XHtml, и размер файла не так важен для этой страницы; Более того, в этом случае я получил тот же результат :)
gc5 11.12.2008 09:38:05
Должен сказать, я не согласен. Общепризнанно, что HTML трудно поддерживать универсально из-за отсутствия стандартных реализаций. XHTML призван облегчить это, и мы все должны стремиться соответствовать новому стандарту и избавиться от боли оригинального HTML.
Neil Barnwell 11.12.2008 10:04:02