趁着五一假期，花十分钟复习一下H5

前言

翻开尘封的文件夹，里面还存着过去的JS练习题

• 写出HTML5中的DOCTYPE声明

• 通常网站首页默认的名称是什么 (当时坐在我旁边的男同学说我这道题写错了，他觉得答案应该是index）

• 写出换行符标记

• 写出空格的代码

• 插入图片的标记是
  A．img
  B．figure
  C．aside
  D．figcaption

• 外部样式表应在 HTML文档的什么位置引用

• 组合标题采用什么标记？

• 分别写出HTML5新增的语义标签及作用

• 表单中滑块控件应采用什么标记？属性是什么？

• <input>标记中单选按钮和复选框对应的属性分别是什么？

  扫描二维码关注公众号，回复： 11172546 查看本文章

• 简述标记中method和action属性的作用。

表单数据从客户端传送到服务器的方法，分别为post和get方法，post方法比较安全
指定处理表单的服务端程序。可以是程序或脚本的一个完整URL

• HTML5中新增了哪些input类型？作用分别是什么？
• 写出HTML5表单中新增的属性及其作用。

你是不是也有些遗忘了呢？

接下来跟着我一起去复习一下H5新增标签及新增属性的一些相关知识啦

HTML5新增标签及新增属性

新增标签

<article>  标记定义一篇文章
<aside>  标记定义页面内容部分的侧边栏
<audio>  标记定义音频内容
<canvas>   标记定义图片
<command> 标记定义一个命令按钮
<datalist>  标记定义一个下拉列表
<details>   标记定义一个元素的详细内容
<dialog>   标记定义一个对话框(会话框)
<embed> 标记定义外部的可交互的内容或插件
<figure> 标记定义一组媒体内容以及它们的标题
<footer> 标记定义一个页面或一个区域的底部
<header>   标记定义一个页面或一个区域的头部
<hgroup> 标记定义文件中一个区块的相关信息
<keygen> 标记定义表单里一个生成的键值
<mark>   标记定义有标记的文本
<meter>   标记定义 measurement within apredefined range
<nav>   标记定义导航链接
<output>   标记定义一些输出类型
<progress> 标记定义任务的过程
<rp>   标记是用在Ruby annotations 告诉那些不支持Ruby元素的浏览器如何去显示
<rt>   标记定义对rubyannotations的解释
<ruby>   标记定义 ruby annotations.
<section> 标记定义一个区域
<source>   标记定义媒体资源
<time>   标记定义一个日期/时间
<video>   标记定义一个视频

其实从这里就可以发现H5的一个特点：语义化标签

新增的属性-表单相关的属性（重点）

新增的与表单相关的元素如下：

autocomplete 属性：规定form或input域应该拥有自动完成功能。
autocomplete 适用于 <form> 标签，以及以下类型的 <input> 标签：
text, search, url, telephone, email, password, datepickers, range 以及 color。

autofocus 属性
autofocus 属性规定在页面加载时，域自动地获得焦点。
autofocus 属性适用于所有 <input> 标签的类型。

form 属性
form 属性规定输入域所属的一个或多个表单。
form 属性适用于所有 <input> 标签的类型。

表单重写属性（form override attributes）允许您重写 form 元素的某些属性设定。
formaction - 重写表单的 action 属性 
formenctype - 重写表单的 enctype 属性 
formmethod - 重写表单的 method 属性 
formnovalidate - 重写表单的 novalidate 属性 
formtarget - 重写表单的 target 属性 
表单重写属性适用于以下类型的 <input> 标签：submit 和 image。

height 和 width 属性
height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。
height 和 width 属性只适用于 image 类型的 <input> 标签。

list 属性
list 属性规定输入域的 datalist。datalist 是输入域的选项列表。
list 属性适用于以下类型的 <input> 标签：
text, search, url, telephone, email, date pickers, number, range 以及 color。

min、max 和 step 属性
min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定（约束）。
max 属性规定输入域所允许的最大值。
min 属性规定输入域所允许的最小值。
step 属性为输入域规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）。
min、max 和 step 属性适用于以下类型的 <input> 标签：date pickers、number 以及 range。

multiple 属性
multiple 属性规定输入域中可选择多个值。
multiple 属性适用于以下类型的 <input> 标签：email 和 file