0

我使用一系列div和span标签作为 CSS 样式的钩子，以突出显示我想在网络博客上发布的代码行的语法。每行都放在有序列表中它自己的列表元素上。

所以它可能看起来像这样，例如：

<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不能包含div每个 html5 w3c 验证服务的元素。那么我是否code完全放弃使用标签？或者我是否尝试在没有div' 的情况下重写所有内容？我不确定，因为在我的特殊用途中，code我为 CSS 语法高亮目的添加了额外的标记。

4

1 回答 1

2

为什么不直接使用code标签而不是span标签呢？我认为它们都是内联元素，所以应该没问题。

于 2012-10-02T20:05:17.347 回答