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

Когда вы говорите, что цвет меняется как минимум 1000 раз, вы имеете в виду, что существует более 1000 разных цветов?

Ken 11.12.2008 11:28

да, я не знаю правильный номер, но есть 300 * 15 записей (нулей или единиц), и каждая может иметь свой цвет

gc5 11.12.2008 12:47

«: Я знаю, что мне нужно использовать CSS для успешной проверки моего документа как XHTML 1.0 Transitional» - это совсем не так.

Paul D. Waite 01.10.2010 21:37
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
14
3
17 672
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Ответ принят как подходящий

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

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

с

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

так далее...

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

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

dland 11.12.2008 12:16

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

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

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

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

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

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

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

Спасибо за публикацию. Я согласен с вами в отношении несоблюдения правил в некоторых случаях, но я пытаюсь сделать его как можно более близким к стандартному XHtml, и размер файла не так важен для этой страницы; к тому же в этом случае я получил тот же результат :)

gc5 11.12.2008 12:38

Должен сказать, я не согласен. Довольно повсеместно признано, что HTML сложно поддерживать повсеместно из-за отсутствия стандартных реализаций. XHTML призван облегчить это, и мы все должны стремиться соответствовать новому стандарту и избавиться от боли исходного HTML.

Neil Barnwell 11.12.2008 13:04

Другие вопросы по теме