嵌套在代码中的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

回答

相关问题