HTML Navタグが意図したとおりに動作しない

私はhtmlでおしゃべりしていて、自分のウェブサイトを作りたいと思っています。私は、ページの左側にある最も頻繁に使用されるウェブサイトへのリンクを取得しようとしていました。また、私は自分のページの中央にヘッダーもテキストも表示していないようです。これは私のコードです。HTML Navタグが意図したとおりに動作しない

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>My first webpage</title> 
    </head> 
    <header>Ian Witkowski</header> 
    <nav> 
    <h1>My Favorite Websites</h1> 
    <ul> 
     <li><a href=http://www.youtube.com/>YouTube</a> 
     <li><a href=http://www.google.com/>Google</a> 
     <li><a href=http://www.reddit.com/>Reddit</a> 
    </ul> 
    </nav> 
    <body> 
    <article> 
    <h1>The Penultimate Website</h1> 
    <h2>The Official Homepage of Ian Witkowski</h2> 
    <p>Thank you for visiting my webpage!</p> 
    <dl> 
     <dt><h3>Ian Witkowski</h3></dt> 
     <dd>A cool dude</dd> 
    </dl> 
    <p> 

    Reasons Ian is cool;</p> 
    <ul> 
     <li>He is nice</li> 
     <li>He rides bikes</li> 
     <li>He likes computers</li> 
     <li>He can code his own website</li> 
    </ul> 
    <p>Here is a link for my arbitrary code test page;</p> 
    <ul> 
     <li><a href="secondpage.htm" target="_blank">Ian2</a></li> 
    </ul> 
    </article>  
    </body> 
</html>

出典

2017-08-05 Ian Witkowski

navは何もしません。それはちょうどdivのようなタグです。しかし、HTML5仕様の一部である彼らは、section, nav, footer, headerタグを追加して、ページの説明を簡素化しました。

CSSがなければ、それはデザイン

第二の事に関して何か特別な行動のないただのタグですが、あなたはあなたのhtmlにエラーが発生しています。頭部を除くすべてのものが体内に響く（ナビを含む）

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <title>My first webpage</title> 
    </head> 
    <body> 
    <header>Ian Witkowski</header> 
    <nav> 
    <h1>My Favorite Websites</h1> 
    <ul> 
     <li><a href=http://www.youtube.com/>YouTube</a> 
     <li><a href=http://www.google.com/>Google</a> 
     <li><a href=http://www.reddit.com/>Reddit</a> 
    </ul> 
    </nav> 
    <article> 
    <h1>The Penultimate Website</h1> 
    <h2>The Official Homepage of Ian Witkowski</h2> 
    <p>Thank you for visiting my webpage!</p> 
    <dl> 
     <dt><h3>Ian Witkowski</h3></dt> 
     <dd>A cool dude</dd> 
    </dl> 
    <p> 

    Reasons Ian is cool;</p> 
    <ul> 
     <li>He is nice</li> 
     <li>He rides bikes</li> 
     <li>He likes computers</li> 
     <li>He can code his own website</li> 
    </ul> 
    <p>Here is a link for my arbitrary code test page;</p> 
    <ul> 
     <li><a href="secondpage.htm" target="_blank">Ian2</a></li> 
    </ul> 
    </article>  
    </body> 
</html>

出典

2017-08-05 18:36:24 sheplu

HTML Navタグが意図したとおりに動作しない

答えて

関連する問題