在拉钩学习的笔记（二）HTML5

1、HTML简介
    它是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，用于取代HTML4与XHTML的新一代标准版本，所以叫HTML5
    HTML5的设计目的是为了在移动设备上支持多媒体；增加了新特性：语义特性，本地存储特性，设备兼容特性，链接特性，网页多媒体特性，三维，图形及特效特性，性能与集成特性，css3特性；废弃一些元素和属性比如font、center等……
    狭义的HTML5是指HTML语言的第5个版本；广义的HTML5指的是HTML5本身+CSS3+JavaScript技术的综合
2、HTML5新增语义化标签
    <header>：头部标签
    <nav>：导航标签
    <main>：主体标签
    <article>：独立的内容标签
    <section>：区段标签
    <aside>：侧边栏
    <footer>：底部标签
    语义化标准是针对搜索引擎的；新的标签页面中可以多次使用；在IE9中需要把这些元素转换为块级元素；移动端更喜欢使用这些标签
3、HTML5新增的多媒体标签
    audio 音频：支持音频格式文件的播放，格式：ogg，mp3，wav
        <audio src="音频标签的地址" controls="controls"></audio>
        常见属性：autoplay 自动播放；controls 控制条；loop 重复；preload  预备播放；src 视频的地址
4、 video 视频：支持视频格式文件的播放，格式：ogg，mp4，webM
        <video src="视频标签的地址" controls="controls"></video>
        常见属性：autoplay 自动播放；controls 控制条；loop 重复；preload  预备播放；src 视频的地址； width 宽度；height 高度；poster 等待加载的画面图片；muted  静音播放
    使用他们可以很方便的在页面中嵌入音频和视频，而不再去使用落后的flash和其他浏览器插件。
    兼容在标签内添加source标签来添加多个资源文件
5、H5新增的input表单类型
    type="email"  用户必须输入Email类型
    type="url"    用户必须输入url类型
    type="date"   用户必须输入日期类型
    type="time"   时间类型
    type="month"  月类型
    type="week"   周类型
    type="number" 数字类型
    type="range"  滑动条
    type="search" 搜索框
    type="tel"    手机号码
    type="color"  生成一个颜色选择器
6、可输入表单datalist标签
    规定了input元素可能的选项列表
    datalist元素包含了一组option元素，这些元素表示预定义可选值，在input元素输入过程中，会响应option元素的值
    绑定的input标签必须设置list属性，属性值等于datalist标签的id属性值
7、新增的表单属性
    requited表单为必填
    placeholder提示文本，值为提示文字：表单的提示文字，存在默认值将不显示
    autofocus自动聚焦属性
    autocomplete，值为off/on 当用户字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项，需要放在表单内同时加上name属性，同时成功提交
    multiple 多选文件提交