HTML5新增的元素

<!DOCTYPE html>
<meta charset="UTF-8">
<title>HTML 5 的标记示例</title>
<p>这段代码根据HTML 5语法
<br/>编写出来的

  
 
 
<!DOCTYPE html> 
   
  
  
<meta charset="UTF-8"> 

   
  
  
<title>HTML 5 的标记示例</title> 

   
  
  
<p>这段代码根据HTML 5语法  

   
  
  
<br/>编写出来的

section在HTML 4中是用div来表示的,表示页面中的一个区块，比如章节、页眉、页脚或页面中的其他部分，可以与h1、h2、h3、h4、h5、h6等元素结合起来使用，标示文档结构

  
 
 
<section>section在HTML 4中是用div来表示的,表示页面中的一个区块，比如章节、页眉、页脚或页面中的其他部分，可以与h1、h2、h3、h4、h5、h6等元素结合起来使用，标示文档结构</section>

article元素表示页面中的一块与上下文不想关的独立内容，譬如博客中的一篇文章或者报纸

  
 
 
<article>article元素表示页面中的一块与上下文不想关的独立内容，譬如博客中的一篇文章或者报纸</article>

header表示页面中的一个内容区块或者整个页面的标题

  
 
 
<deader>header表示页面中的一个内容区块或者整个页面的标题</header>

hgroup元素用于对整个页面或者页面中的一个内容区块的标题进行组合

  
 
 
<hgroup>hgroup元素用于对整个页面或者页面中的一个内容区块的标题进行组合</hgroup>

footer表示整个页面或者一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期及创作者联系信息。

  
 
 
<footer>footer表示整个页面或者一个内容区块的脚注。一般来说，它会包含创作者的姓名、创作日期及创作者联系信息。</footer>

nav元素表示页面中的导航链接的部分,在HTML 4中是用< ul >标记表示

  
 
 
<nav>nav元素表示页面中的导航链接的部分,在HTML 4中是用< ul >标记表示</nav>

<figure>figure元素表示一段独立的流内容，一般表示文档主体流内容的一个独立单元。使用figcaption元素为figure元素组添加标题.<figcapiton>标题</figcapiton><P>这里是内容</p>

  
 
 
<figure>figure元素表示一段独立的流内容，一般表示文档主体流内容的一个独立单元。使用figcaption元素为figure元素组添加标题.<figcapiton>标题</figcapiton><P>这里是内容</p></figure>

---------------新增的其他元素---------------

video元素：video元素定义视频，比如电影片段或者其他视频流。

  
 
 
<video src="XXX.mpeg" controls="controls">video元素</video><br/> 
   
  
  在HTML 4中代码示例：  
   
  
  
<object type="video/ogg" data="movie.ogv"> 

   
  
  
 <param name="src" value="movie.ogv"> 

   
  
  
</object> 

   
  
  
<hr/>

audio元素：audio元素定义音频，比如音乐或其他音频流

  
 
 
<audio src="xx.wav">audio元素</audio><br/> 
   
  
  在HTML 4中代码示例：  
   
  
  
<object type="application/ogg" data="xxx.wav"> 

   
  
  
 <param name="src" value="xxx.wav"> 

   
  
  
</object>

embed元素：embed元素用来插入各种多媒体，格式可以是Midi，Wav、AIFF、AU、MP3等。

  
 
 
<embed src="xxx.mp3" /><br/> 
   
  
  在HTML 4中代码示例：  
   
  
  
<object data="xxx.swf"> 

   
  
  
 <param name="src" value="application/x-shockwave-flash"> 

   
  
  
</object>

mark元素：mark元素用来呈现哪些需要突出显示或高亮显示的文字，如搜索引擎中需要高亮搜索的关键字。

  
 
 
<mark>高亮显示的字体</mark><br/> 
   
  
  在HTML 4中代码示例：  
   
  
  
<span>高亮显示的字体</span>

progress元素：progress元素表示运行中的进程，可以使用progress元素显示Javascript中耗费时间的函数的进程。

  
 
 
<meter></meter>

本文出自 “杨波兄” 博客，请务必保留此出处http://zhengyangbo.blog.51cto.com/2339644/888844

秒客网

HTML5新增的元素

相关文章