HTML5新标签

HTML5新标签与特性

常用新标签

w3c 手册中文官网 : http://w3school.com.cn/
header：定义文档的页眉 头部
nav：定义导航链接的部分
footer：定义文档或节的页脚 底部
article：定义文章。
section：定义文档中的节（section、区段）
aside：定义其所处内容之外的内容 侧边

<header> 语义 :定义页面的头部  页眉</header> 
<nav>  语义 :定义导航栏 </nav> 
<footer> 语义: 定义 页面底部 页脚</footer> 
<article> 语义:  定义文章</article> 
<section> 语义： 定义区域</section> 
<aside> 语义： 定义其所处内容之外的内容 侧边</aside>

datalist 标签定义选项列表。请与 input 元素配合使用该元素

<input type="text" value="输入明星" list="star"/>
 <!--  input里面用 list --> 
 <datalist id="star">  
  <!-- datalist 里面用 id  来实现和 input 链接 -->  
              <option>刘德华</option>           
               <option>刘若英</option>            
               <option>刘晓庆</option>            
               <option>郭富城</option>            
               <option>张学友</option>            
               <option>郭郭</option> 
  </datalist

例子：

fieldset 元素可将表单内的相关元素分组，打包 legend 搭配使用

<fieldset>            
<legend>用户登录</legend>标题
  用户名: <input type="text"><br /><br />            
  密 码: <input type="password"> 
 </fieldset>

例子：

新增的input type属性值：

常用新属性

多媒体标签

audio：播放音频 video：播放视频

音频标签<audio></audio>
常见格式：

<audio controls autoplay>
        <source  src="music.mp3" />
</audio>

audio标签常见属性：

视频标签<video></video>
常见格式：

<video src="video.mp4" controls="controls">

</video>

常见属性: