2008-12-11 48 views
10

這個問題可能會產生誤解:我知道我必須使用CSS來成功驗證我的文檔是否爲XHTML 1.0 Transitional。事實是,我在我的網頁上用text image創建零和一組成的圖像嵌入,而問題是,代碼使用過時的標籤字體,看起來像這樣我應該使用什麼標籤來代替html中不推薦使用的標籤字體(不能使用CSS)

<!-- 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創建一個字段爲每個combination.Hope有人知道至少在哪裏可以找到一個解決方案,我找遍:) 感謝

+0

當你說顏色變化至少1000倍,你的意思是有1000多種不同的顏色? – Ken 2008-12-11 08:28:48

+0

是的,我不知道正確的數字,但有300 * 15個條目(零或1),每個可以有不同的顏色 – gc5 2008-12-11 09:47:58

+0

「:我知道我必須使用CSS來成功驗證我的文檔爲XHTML 1.0 Transitional」 - 這並不是沒錯。 – 2010-10-01 17:37:21

回答

31

您可以取代

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

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

等等

*編輯:我知道這是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

1

爲什麼需要驗證?

你已經得到的解決方案對你正在做的事情來說絕對沒問題。有用。這不是一個有意義的文檔,應該使用語義標籤標記以提高可訪問性;這是一件藝術品,所以如果它能幫助你更清楚地表達你的意圖,你可以隨意忽略這些規則。

如果驗證是您嘗試製作的藝術聲明的一部分,請按照其他海報的建議使用<span style="color:#ff00ff;">00</span> - 但這會大大增加您的文件大小。

另一種方法是更改​​文檔類型,以便不針對XHTML過渡 - 使用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">或更早的HTML修訂。

相關問題