Home思洋影视事业部网站建设知识库
0 Comments

何时使用新的HTML 5结构化元素（3）

发布于：2013-09-03  |   作者：广州网站建设  |   已聚集：人围观

何时使用新的HTML 5结构化元素（3）

使用页脚中的一个<aside>，来包含到站点中其他页面的链接，这是合法的，但是请自问一下，<aside>是否是页脚的一部分，又或者这个<aside>作为页脚的一个兄弟元素是否会更好。毕竟，到其他页面的链接也许完全与整个页面无关，而不只是与页脚的内容无关。
广州网站建设,网站建设,广州网页设计,广州网站设计

这里，我们将使用如下的标记：



    
	
  1. 
		<body> 
    2. 
	
  2. 
		 <div id=mainContent> 
    3. 
	
  3. 
		  ...  
    4. 
	
  4. 
		 </div> 
    5. 
	
  5. 
		<aside> 
    6. 
	
  6. 
		 <nav> 
    7. 
	
  7. 
		   <h2>Twitter </h2> 
    8. 
	
  8. 
		   <ul> ... </ul> 
    9. 
	
  9. 
		 </nav> 
    10. 
	
  10. 
		 <nav> 
    11. 
	
  11. 
		   <h2>Flickr </h2> 
    12. 
	
  12. 
		   <ul> ... </ul> 
    13. 
	
  13. 
		</nav> 
    14. 
	
  14. 
		<nav> 
    15. 
	
  15. 
		  <h2>WeLoveLocal</h2> 
    16. 
	
  16. 
		  <ul> ... </ul> 
    17. 
	
  17. 
		</nav> 
    18. 
	
  18. 
		<nav> 
    19. 
	
  19. 
		  <h2>Upcoming </h2> 
    20. 
	
  20. 
		  <ul> ... </ul> 
    21. 
	
  21. 
		 </nav> 
    22. 
	
  22. 
		</aside> 
    23. 
	
  23. 
		<footer> 
    24. 
	
  24. 
		 <small>&copy;2007 Ross Bruniges. Design by Blogging Tips  
    25. 
	
  25. 
		and Pearsonified</small> 
    26. 
	
  26. 
		</footer> 
    27. 
	
  27. 
		 
    28. 
	
  28. 
		</body> 
    29. 




	图1.10展示了如何避免“宽大的页脚”。



	
		

			
				
		

		

		

	




	<article>



	这个博客的主页的主内容包含一些博客帖子。我们把每个帖子包含到一个<article>元素中。<article>在规范中描述为：“article元素表示文档、页面、应用程序或站点中的自包含成分所构成的一个页面的一部分，并且这部分专用于独立地分类或复用，例如聚合”。一个博客帖子、一个教程、一个新的故事、连环画或视频及其脚本，都很好地符合这一定义。注意，和<nav>一样，标题位于这一元素内部，因此：




    
	
  1. 
		<h1>My article</h1> 
    2. 
	
  2. 
		<article> 
    3. 
	
  3. 
		  <p>Blah blah</p> 
    4. 
	
  4. 
		</article> 
    5. 




	是不正确的，应为：




    
	
  1. 
		<article> 
    2. 
	
  2. 
		  <h1>My article</h1> 
    3. 
	
  3. 
		  <p>Blah blah</p> 
    4. 
	
  4. 
		</article> 
    5. 




	<article>有很多更有趣的内容（你可能已经猜到了），我们将在第2章中介绍。


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机