2009年2月18日水曜日

リンクタグの入れ子の方法がわかった。

普通リンクタグで入れ子に下のような具合にしていたが、これだと文法違反だと怒られていた。文法違反だけど表示はされるようでありました。 <ul>の入れ子は認めていないらしいんだけどもね。以下がこれまで書いて散々怒られたソースです。その下が表示例です。

<ul>
  <li>尾瀬 檜枝岐村七入オートキャンプ場周辺情報</li>
   <li>買い物情報</li>
    <ul>
     <li>JA檜枝岐でお買い物</li>
     <li>ヨークマート田島でお買い物</li>
    </ul>
   <li>温泉情報</li>
    <ul>
     <li>燧の湯</li>
     <li>駒ノ湯</li>
     <li>アルザ温泉の郷</li>
    </ul>
</ul>


表示例(正しくないと怒られていた)
 

       
  • 尾瀬 檜枝岐村七入オートキャンプ場周辺情報

  •    
  • 買い物情報

  •      

             
    • JA檜枝岐でお買い物

    •        
    • ヨークマート田島でお買い物

    •      

  • 温泉情報

  •      

             
    • 燧の湯

    •        
    • 駒ノ湯

    •        
    • アルザ温泉の郷

    •      


 <ul>を入れ子にする場合は正しくは以下のようにするのが正しいらしい。何故かはわからないけど。これじゃあ上のソースとどこが違うかわかりにくいでしょうけども、じーっと観察してみてください。違いがわかるはずです。

<ul>
 <li>尾瀬 檜枝岐村七入オートキャンプ場周辺情報</li>
  <li>買い物情報
   <ul>
    <li>JA檜枝岐でお買い物</li>
    <li>ヨークマート田島でお買い物</li>
   </ul>
  </li>
  <li>温泉情報
   <ul>
    <li>燧の湯</li>
    <li>駒ノ湯</li>
    <li>アルザ温泉の郷</li>
   </ul>
  </li>
 </ul>

表示例(まったく正しいといわれる)
 

       
  • 尾瀬 檜枝岐村七入オートキャンプ場周辺情報

  •    
  • 買い物情報
         

             
    • JA檜枝岐でお買い物

    •        
    • ヨークマート田島でお買い物

    •      


  • 温泉情報
         

             
    • 燧の湯

    •        
    • 駒ノ湯

    •        
    • アルザ温泉の郷

    •      




ブラウザーでの違いもあるでしょうが、上も下もまったく変わらないよね。これ一年ぐらいどうしていいかわからなかったんだ。だから怒られても正しくないほう採用していたのです。
コメントを投稿