前言

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

写出HTML5中的DOCTYPE声明
通常网站首页默认的名称是什么 (当时坐在我旁边的男同学说我这道题写错了，他觉得答案应该是index）
写出换行符标记
写出空格的代码
插入图片的标记是
A．img
B．figure
C．aside
D．figcaption
外部样式表应在 HTML文档的什么位置引用
组合标题采用什么标记？
分别写出HTML5新增的语义标签及作用
表单中滑块控件应采用什么标记？属性是什么？
<input>标记中单选按钮和复选框对应的属性分别是什么？
简述标记中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

趁着五一假期，花十分钟复习一下H5相关推荐

花十分钟，让你变成AI产品经理
花十分钟,让你变成AI产品经理 https://www.cnblogs.com/DicksonJYL/p/9583605.html 先说一下你阅读本文可以得到什么.你能得到AI的理论知识框架:你能学习 ...
花十分钟，让你变成AI产品经理（附知识框架脑图和推荐书籍）
先说一下你阅读本文可以得到什么.你能得到AI的理论知识框架:你能学习到如何成为一个AI产品经理并且了解到AI产品经理如何在工作中发挥作用,以及AI产品经理需要从哪些方面锻炼能力.最重要的是,通过本文, ...
花十分钟顺手拿个阿里的Apsara Clouder专项技能认证，不比手里的王者香？
从零开始学五线谱_从零开始学乐理｜第1课：不认识五线谱？花十分钟就够了...
前言现代人的生活,已经与音乐越来越密不可分. 听音乐的人虽多,懂乐理的人却少之又少. 就像一座建筑,大多数的人在欣赏时,只能一个劲的夸赞说好漂亮. 而了解的人,会留意到它的一砖一瓦.它的每一处细节, ...
《平凡的世界》--花十分钟让晓霞复活好吗
写在前面关于参考材料:本文主要在阅读完路遥先生的经典文学巨著<平凡的世界>后,有感而发的.说实话,真的不想让晓霞离去,所以在此磨字句.算是稍稍满足一下.[逻辑不通之处还望担待.如有侵权, ...
erwin模型怎么保存_一行命令启动，十分钟内完成部署，Paddle Serving开放模型即服务功能...
机器之心发布机器之心编辑部百度飞桨的 Paddle Serving 能够实现服务器端快速部署,最近,随着飞桨更新到 1.7 版本,Paddle Serving 也有了新变化.更新后的 Paddle ...
“易语言.飞扬”十分钟入门教程（修订版1，update for EF1.1.0）
"易语言.飞扬"十分钟入门教程 (修订版1,update for EF1.1.0) 作者:liigo,2007.8.12 本文地址:http://blog.csdn.net/lii ...
“易语言.飞扬”十分钟入门教程
"易语言.飞扬"十分钟入门教程作者:liigo 2007.1.1 原文链接:http://blog.csdn.net/liigo/archive/2007/01/01/14720 ...
每天学习十分钟1之心路历程
1.工作到现在也有半年多了,很少静下心来思考思考想点东西,中午休息时间看了"职业发展"的一点视频,颇有感触,很认同其中的几个观点: ①.平时求生存,周末求发展.这个也不需要什么解释 ...

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

前言

HTML5新增标签及新增属性

新增标签

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

趁着五一假期，花十分钟复习一下H5相关推荐

最新文章

热门文章