HTML5 第一课

HTML5语法的变化

• 标签不区分大小写
• 元素可以忽略结束标签
• 允许省略属性的属性值
• 允许属性不使用引号
• 支持退化语义，如果浏览器不支持<input  type="email">的语义，自动退化成 “text”

   HTML5的变化主要是为了兼容互联网上各种不遵守HTML语法规范的网站，可以认为是一种妥协式的规范

HTML5新增的结构元素

• section:定义文档中的节，章节，页眉，页脚等
• article:特殊的section，代表独立的完整的，可以独自被外部引用的内容
• nav:导航
• aside:可以被删除的，不影响文档内容表述的，装载非正文部分,侧边栏或辅助内容
• hgroup:对网页或区段section的标题元素（h1-h6）进行组合
• footer:定义section或文档的页脚
• header:定义文档的页眉，或者和导航相关的内容
• figure:用于对元素进行组合，多用于图片与图片描述组合

新增语义元素

• mark:带有记号的文本，突出文本时使用
• progress:定义正在进行中任务进程
• time:表示时间值
• datalist:定义选项列表，定义input可能的值
• detail：规定用户可见的或隐藏的补充细节。可和summary摘要配合使用
• ruby:
• menu:暂不支持
• command:暂不支持

被删除的元素

•  能被css实现的元素，center等
• 不再支持frame框架，支持者iframe
• 只有部分浏览器支持的元素，如applet等标签

新增的input输入类型

• email:邮箱验证
• url:链接
• number:数字
• range:数字范围，滑动块
• Date Pickers:时间选择
• search:搜索文本
• tel:电话号码，移动端有左右，出现数字键盘
• color:拾色器

新增的input属性

• autocomplete:是否启用自动完成功能
• autofocus：表单自动获得焦点
• form：规定input所属的一个或多个表单
• 新增表单重写属性:formaction,formtarget等
• 新增height，weight属性只针对type="image"
• list：引用datalist标签
• max,min,step
• multiple:允许输入多个值
• pattern：输入值的正则验证表达式
• placeholder:输入框简短提示
• required:必填字段