2013-03-13 79 views
0

這裏是代碼:無法看到HTML 5名的標籤

<!DOCTYPE html> 
<html> 
<head> 
    <title>Html Basics</title> 
</head> 
<body> 
    <header style="background-color:lightcoral"> 
     <img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg" width="50px" height="50px"/> 
     <nav> 
      <ul> 
       <li>One</li> 
       <li>Two</li> 
       <li>Three</li> 
       <li>Go!!!</li> 
      </ul> 
     </nav> 
    </header> 
    <section> 
     <article style="background-color:aqua">Article 1</article> 
     <article style="background-color:grey">Article 2</article> 
    </section> 
    <aside style="background-color:palegreen">Aside</aside> 
    <footer style="background-color:aliceblue">Footer</footer> 
</body> 
</html> 

我不能看到Chorme瀏覽器 版本25.0.1364.152 M任何HTML 5點的影響喜歡一邊標籤。

+0

我使用'Chrome操作系統版本25.0.1364.152 M'。我能夠看到它。 – 2013-03-13 14:54:53

回答

0

標籤定義了一些內容一邊從內容它被放置在。

的預留內容應與周圍的內容。

請參見下面的代碼:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Lorem</title> 
</head> 
<body> 
<div style="font:Arial, Helvetica, Sans-Serif;width:50%;"> 
<aside style="font-size:larger;font-style:italic;color:green;float:right;width:35%;padding:15px;"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
</aside> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec arcu sit amet orci sodales adipiscing. Proin imperdiet accumsan ipsum a eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed diam dolor, scelerisque a dictum id, tempor non est. Nam sit amet congue diam. Curabitur vel nunc nisl. Fusce vel sollicitudin dui. Morbi faucibus, eros vel 
</div> 

</body> 
</html>