2016-07-22 9 views
1

HTMLでネストされたリストを作成し、https://validator.w3.orgで検証しようとしています。私がそれを検証するとき、私はどのように私のタグを入れ子にするのかに関するエラーがいっぱいです。HTMLスクリプトが正しく検証されない

<!DOCTYPE html> 
<html lang ="en"> 
<head> 
<meta charset="utf-8"> 
<title>Ex 2</title> 
</head> 
<body> 
<ul> 
<li>Outer-1 
<li>Outer-2</li> 
<ul> 
<li>Inner-1 
<li>Inner-2</li> 
<li>Inner-3</li> 
<ul> 
<li>Deep-1</li> 
</ul> 
</li> 
<li>Inner-4 
<ul> 
<li>Deep-2</li> 
</ul> 
</li> 
</ul> 
</li> 
<li>Outer-3</li> 
</ul> 
<ul> 
<li style = "list-style-type: decimal">Outer-1 
<li style = "list-style-type: decimal">Outer-2</li> 
<ul> 
<li style = "list-style-type: lower-alpha">Inner-1 
<li style = "list-style-type: lower-alpha">Inner-2</li> 
<ul> 
<li style = "list-style-type: lower-roman">Deep-1</li> 
<li style = "list-style-type: lower-roman">Deep-2</li> 
</ul> 
</li> 
</ul> 
</li> 
<li style = "list-style-type: decimal">Outer-3</li> 
<ul> 
<li style = "list-style-type: lower-roman">Inner-3</li> 
</ul> 
</ul> 
</body> 
</html> 

はstackoverflowの上でいくつかの記事を見た後、私は李で巣私のULタグを必要がありますが、私は何をしている、これは私が何をしたいのと同じ結果が得られないことがわかったと言い、この(correct semantics for ul in ul)のポストを見つけました私は現在行っているが、適切に検証することも欲しい。それは適切に検証するので、誰も正しい形式で助けることができますか?

答えて

1

<!DOCTYPE html> 
 
<html lang ="en"> 
 
    <head> 
 
    <meta charset="utf-8"> 
 
    <title>Ex 2</title> 
 
    </head> 
 
    <body> 
 
    <ul> 
 
     <li>Outer-1</li> 
 
     <li>Outer-2 
 
     <ul> 
 
     <li>Inner-1 
 
     <li>Inner-2</li> 
 
     <li>Inner-3 
 
     <ul> 
 
      <li>Deep-1</li> 
 
     </ul> 
 
     </li> 
 
     <li>Inner-4 
 
     <ul> 
 
      <li>Deep-2</li> 
 
     </ul> 
 
     </li> 
 
    </ul> 
 
    </li> 
 
    <li>Outer-3</li> 
 
    </ul> 
 
<ul> 
 
    <li style = "list-style-type: decimal">Outer-1</li> 
 
    <li style = "list-style-type: decimal">Outer-2 
 
    <ul> 
 
    <li style = "list-style-type: lower-alpha">Inner-1</li> 
 
    <li style = "list-style-type: lower-alpha">Inner-2 
 
    <ul> 
 
     <li style = "list-style-type: lower-roman">Deep-1</li> 
 
     <li style = "list-style-type: lower-roman">Deep-2</li> 
 
    </ul> 
 
    </li> 
 
    </ul> 
 
    </li> 
 
    <li style = "list-style-type: decimal">Outer-3</li> 
 
</ul>

私はいくつかのタグを変更した今では正常に動作しています。

+0

は依然としてバリデーターで正しく検証されます – xan

+1

あなたの最後のu1には ">"がありませんでしたが、うまくいきます、ありがとう – xan

0

<meta charset="utf-8" />

は、メタタグはそのことではないでしょうか?

+0

多分、まだエラーが出る – xan

+0

いいえ、OPのソースはXHTMLではありません。 –

関連する問題