3

検証エラーが発生しました。なぜそれが発生したのかわかりません。誰かがそれを修正するのを手伝ってくれますか?

行 317、列 26: 要素 h3 は、このコンテキストでは要素 span の子として許可されていません。(このサブツリーからのさらなるエラーを抑制します。)

<h3 class="menuHT"><span class="sdt_link">Home</span></h3>

要素スパンのコンテンツ モデル: フレージング コンテンツ。

<ul id="sdt_menu" class="sdt_menu">
    <li>
     <a href="home.html">
      <img src="images/imagesPop/2.jpg" alt=" Woman with child walking up the hill">
      <span class="sdt_active"></span>
      <span class="sdt_wrap">
       <h3 class="menuHT"><span class="sdt_link">Home</span></h3>
       <h6 class="menuHB"><span class="sdt_descr">Main page</span></h6>
      </span>
     </a>
    </li>
    <li>
     <a href="about.html">
      <img src="images/imagesPop/6.jpg" alt="The old image of Lulworth tower">
      <span class="sdt_active"></span>
      <span class="sdt_wrap">
       <h4 class="menuHT"><span class="sdt_link">About</span></h4>
       <h6 class="menuHB"><span class="sdt_descr">General Info.</span></h6>
      </span>
     </a>
     <div class="sdt_box">
      <a href="home.html">blablabla</a>
      <a href="home.html#AboutSection">Shopping Cart</a>
      <a href="#">Interactive Maps</a>
     </div>
    </li>
    <li>
     <a href="attractions.html">
      <img src="images/imagesPop/1.jpg" alt="The rock arc know as Durdle Door">
      <span class="sdt_active"></span>
      <span class="sdt_wrap">
       <h4 class="menuHT"><span class="sdt_link">Attractions</span></h4>
       <h6 class="menuHB"><span class="sdt_descr">Place to visit</span></h6>
      </span>
     </a>
     <div class="sdt_box">
       <a href="#">Websites</a>
       <a href="#">Illustrations</a>
       <a href="#">Photography</a>
     </div>
    </li>
    <li>
     <a href="gallery.html">
      <img src="images/imagesPop/3.jpg" alt="Human taking photo (front view of how he do it)">
      <span class="sdt_active"></span>
      <span class="sdt_wrap">
       <h4 class="menuHT"><span class="sdt_link">Gallery</span></h4>
       <h6 class="menuHB"><span class="sdt_descr">Slide shows</span></h6>
      </span>
     </a>
    </li>
    <li>
     <a href="directions.html">
      <img src="images/imagesPop/5.jpg" alt="Path which dissapear at the end">
      <span class="sdt_active"></span>
      <span class="sdt_wrap">
       <h4 class="menuHT"><span class="sdt_link">Location</span></h4>
       <h6 class="menuHB"><span class="sdt_descr">Travel Info.</span></h6>
      </span>
     </a>
    </li>
    <li>
     <a href="accommodation.html">
      <img src="images/imagesPop/4.jpg" alt="Old fashion house (in Lulworth village)">
      <span class="sdt_active"></span>
      <span class="sdt_wrap">
       <h4 class="menuHT"><span class="sdt_link">Accommodation</span></h4>
       <h6 class="menuHB"><span class="sdt_descr">Hotel, flats</span></h6>
      </span>
     </a>

    </li>
   </ul>
4

5 に答える 5

7

h3すべての見出し要素と同様に、ブロック レベルの要素です。span反対側はインライン要素です。また、インライン要素内にブロック要素を配置することはできません。displayバリデータは実際のスタイルは気にせず、h3が の子であることに注意してくださいspan

それを修正する方法は、この場所で見出しタグを使用しないことです。いずれにせよ、それらはメニューにとって意味的に間違っています! セマンティクスを無視する別のオプションは、 a の代わりに aを作成.sdt_wrapすることですdivspan

ルルのために

于 2013-03-03T12:43:36.803 に答える
6

次のようなものがあります。

<span>
    <h3 class="menuHT"><span class="sdt_link">Home</span></h3>
</span>

<span>内側ではなく外側を取り除く必要があります<h3>


ご想像のとおり、これがあります:

  <span class="sdt_wrap">
   <h3 class="menuHT"><span class="sdt_link">Home</span></h3>
   <h6 class="menuHB"><span class="sdt_descr">Main page</span></h6>
  </span>

これを次のように置き換えます。

  <div class="sdt_wrap">
   <h3 class="menuHT"><span class="sdt_link">Home</span></h3>
   <h6 class="menuHB"><span class="sdt_descr">Main page</span></h6>
  </div>
于 2013-03-03T12:40:22.757 に答える
1

エラーが言っているのは、それh3が の子であるということですspan。内部ではなく、span外部を確認してください。h3それ以外の場合、この特定のコードは問題なく有効です

于 2013-03-03T12:39:24.190 に答える
1

これが問題です(インスタンスの1つ)、

<span class="sdt_wrap">
    <h3 class="menuHT"><span class="sdt_link">Home</span></h3>
    <h6 class="menuHB"><span class="sdt_descr">Main page</span></h6>
</span>

これを修正するには、 a の代わりに a を作成するか、ヘッダーをインラインにする必要が.sdt_wrapあり<div>ます<span>。理想的には最初のオプション、

<div class="sdt_wrap">
    <h3 class="menuHT"><span class="sdt_link">Home</span></h3>
    <h6 class="menuHB"><span class="sdt_descr">Main page</span></h6>
</div>

説明

display:block;HTML では、要素 ( など<h3>) 内にdisplay:inline;要素 (など)を含めることはできません<span>。これが無効な HTML である理由は、インライン内にブロック要素を含める意味がないからです。ブロック要素は通常、ページの流れを壊して新しい行に入りますが、インライン要素はそうではありません。

于 2013-03-03T12:40:48.017 に答える