嵌套在代碼中的div

我使用一系列div和span標記作爲CSS樣式的鉤子，用於突出顯示我想在Web博客上發佈的代碼行的語法。每行放在有序列表中的自己的列表元素上。嵌套在代碼中的div

因此，它可能是這個樣子，例如：

<div class="json"> 
    <ol> 
    <li class="li1"><div class="de1"><span class="br0">&#123;</span></div></li> 
    <li class="li2"><div class="de2"> <span class="st0">&quot;files&quot;</span><span class="sy0">:</span><span class="br0">&#91;</span></div></li> 
    <li class="li1"><div class="de1"> <span class="br0">&#123;</span></div></li> 
    <li class="li2"><div class="de2"> <span class="st0">&quot;url&quot;</span><span class="sy0">:</span><span class="st0">&quot;http://www.blah.com&quot;</span><span class="sy0">,</span></div></li> 
    <li class="li1"><div class="de1"> <span class="st0">&quot;lastModified&quot;</span><span class="sy0">:</span><span class="nu0">1348750586000</span></div></li> 
    <li class="li2"><div class="de2"> <span class="br0">&#125;</span></div></li> 
    <li class="li1"><div class="de1"> <span class="br0">&#93;</span></div></li> 
    <li class="li2"><div class="de2"><span class="br0">&#125;</span></div></li> 
    </ol> 
</div>

我希望通過將其放置code標籤之間給予標記額外的語義含義，因爲它的代碼實際上行（雖然額外的標記），例如

<code> 
    <div class="json"> 
     <ol> 
     <li class="li1"><div class="de1"><span class="br0">&#123;</span></div></li> 
     <li class="li2"><div class="de2"> <span class="st0">&quot;files&quot;</span><span class="sy0">:</span><span class="br0">&#91;</span></div></li> 
     <li class="li1"><div class="de1"> <span class="br0">&#123;</span></div></li> 
     <li class="li2"><div class="de2"> <span class="st0">&quot;url&quot;</span><span class="sy0">:</span><span class="st0">&quot;http://www.blah.com&quot;</span><span class="sy0">,</span></div></li> 
     <li class="li1"><div class="de1"> <span class="st0">&quot;lastModified&quot;</span><span class="sy0">:</span><span class="nu0">1348750586000</span></div></li> 
     <li class="li2"><div class="de2"> <span class="br0">&#125;</span></div></li> 
     <li class="li1"><div class="de1"> <span class="br0">&#93;</span></div></li> 
     <li class="li2"><div class="de2"><span class="br0">&#125;</span></div></li> 
     </ol> 
    </div> 
</code>

然而，code不能包含每HTML5的W3C驗證服務div元素。那麼，我完全放棄使用code標籤嗎？或者，我是否嘗試重寫所有內容而不用div？我不確定，因爲在我特別使用code時，我爲CSS語法突出顯示目的添加了額外的標記。

來源

2012-10-02 user17753

爲什麼不使用code標籤而不是span標籤？他們都是內聯元素，我認爲應該沒問題。

來源

2012-10-02 20:05:17

這似乎是最好的（對我來說最快！）的方法來獲得兩全其美。感謝您的想法！ – user17753

嵌套在代碼中的div

回答

相關問題