0

Webブログに投稿したいコード行の構文を強調する目的で、CSSスタイルのフックとして一連のタグdivとタグを使用しています。span各行は、順序付きリスト内の独自のリスト要素に配置されます。

したがって、次のようになります。たとえば、次のようになります。

<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>

ただし、html5w3c検証サービスごとに要素codeを含めることはできません。divそれで、私はcodeタグの使用を完全に放棄しますか？それとも、をまったく使わずにすべてを書き直そうとしdivますか？私の特定の使用法ではcode、CSS構文の強調表示の目的でマークアップを追加しているため、わかりません。

4

1 に答える 1

2

codeタグの代わりにタグを使用しないのはなぜspanですか？どちらもインライン要素なので、問題ないはずです。

于 2012-10-02T20:05:17.347 に答える