希望能通过这篇文章帮到你。 (感谢一键三通)1。HTML5表单1中添加了输入类型。url类型:专门为输入url地址而定义的文本库。在验证输入文本的格式时，如果文本框中的内容不符合url地址的格式，则会提醒您验证错误。 2.电子邮件类型:专为输入电子邮件地址而定义的文本框。在验证输入文本的格式时，如果文本框中的内容不符合邮件地址的格式，则会提醒验证错误。 在email type的input元素中还有一个multiple属性，表示可以在这个文本框中输入多个用逗号分隔的email地址。 3.范围类型:用于将输入框显示为滑块，可作为特定范围内的数值选择器。 和最小最大要素分别表示范围的最小值，默认值为0，默认值为100。范围类型具有步长特征，它指示拖动步长，默认值为1。 类型4，数字:专门为输入特定数字而定义的文本框，具有最小、最大、步长等特征。 5.电话类型:专门为输入电话号码而定义的文本框，没有特殊的验证规则。 6.搜索类型:专门为输入搜索引擎关键词而定义的文本框，没有特殊的验证规则。 7.颜色类型:默认情况下，颜色类型的输入元素将提供一个颜色选择器 8.日期类型:专门用于输入日期的文本框，默认情况下是带有日期选择器的输入框。 9.月、周、时间、日期时间、日期时间本地类型的输入元素类似于日期类型的输入元素，并且提供了相应的选择器。 二。HTML5添加了表单的特征和元素的表单特征。在HTML5中，可以把从属于表单的元素放在任何地方，然后指定元素的表单特征值作为表单的id，元素就从属于表单了。 1.formaction特性:每个表单都会通过action特性将其内容提交给另一个页面。在html5中，在为不同的提交按钮添加了formaction功能后，该功能将覆盖表单的action功能，并将表单提交到不同的页面。 2.formmethod、formenctype、formnovalidate、formtarget属性:formmethod属性会覆盖表单的method属性；formenctype属性可以重写表单的enctypeformnovalidate属性可以重写novalidate属性，formtarget属性可以重写表单的target属性。 3 .占位符功能，提醒客户描述性信息 4 .自动聚焦特征用于所有类型的输入元件。当加载页面时，可以自动获得焦点。每页只允许一个具有自动对焦功能的输入元素。如果设置了多个input元素，此行为等同于不指定。 5.autocomplete特性:它应用于表单元素和输入元素，用于自动完成表单。 Autocomplete=“开”，可以指定“开”、“关”、“未指定”。 6.列表功能和datalist元素可以为可以输入的输入元素定义一个值列表。 7.keygen元素:它提供了一种安全的方法来认证客户。该元素具有密钥生成的功能。提交表单时，将分别生成私钥和公钥。私钥会存储在用户端，公钥会通过网络传输到服务器。 8.output元素用于不同类型的输出，这些输出必须从属于一个表单，也就是写在表单内部。 3.HTML5如何实现跨域4。什么是WebSqlWebSql？它是浏览器客户端的结构化关系数据库，浏览器中的本地RDBMS关系数据库管理系统，可以通过SQL查询。 网络是基于SQLite的 5.网络命令在应用缓存中的作用是什么？网络命令描述不需要缓存的文件。 6.6有什么区别。画布和SVG？SVG是可缩放的矢量图形。它是一种以文字为基础的图形语言，用文字、线条、点等来绘制图像。 A.一旦画布被绘制，您就不能访问像素或操纵它。用SVG绘制的任何形状都可以被记忆和操作，并可以通过浏览器再次显示。 B.Canvas适合绘制动画和游戏，SVG适合创建图像。 C.Canvas运行快是因为不需要记住下面的，而SVG需要记录坐标，所以运行慢。 D.您不能将相关事件绑定到画布中的绘图对象；可以在SVG中绑定绘图对象的相关事件。 E.Canvas画的是位图，所以和分辨率有关系。SVG是矢量图，和分辨率无关。 用SVG画图用画布画图:7。本地存储的数据有生命周期吗？本地存储的数据没有生命周期，它将存储这些数据，直到客户从浏览器中清除或用javascript代码删除它们。 8.API1 .表单验证的必选属性:表示该项的值不能为空，否则无法提交表单。 2.2.pattern属性用于定义输入元素的身份验证模式。 min，max，step特性novalidate用于指定提交时不验证表单或表单中的元素。表单元素应用了novalidate特性，这意味着表单中的所有元素在提交时都不会被验证。 validaty属性用于获取form元素的ValidityState对象，包含八个方面的验证结果。 validityState对象是持久的，每次获取Validity属性时，都会返回相同的ValidityState对象。 WillValidate属性，用于获取一个布尔值，指示表单元素是否需要验证。如果form元素设置了required属性或pattern属性，则willValidate属性为true，即执行表单验证。 validationMessage属性用于获取form元素的错误警告信息。validityState对象是通过Validity属性获取的，该属性有8个属性。 A.valueMissing属性:所需表单元素的值为空。 如果在表单元素上设置了required属性，则意味着required。如果必填项为空，则无法通过表单的验证，valueMissing属性将返回true，否则反之。 B.typeMismatch属性:输入值与类型不匹配。 5 html 5添加的表单类型电子邮件都包含一个原始类型验证。如果客户输入的内容不符合表单类型，typeMismatch属性将返回true，否则，反之亦然。 C.patternMismatch属性:输入值与模式属性的规则性不匹配。 表单的元素可以通过模式特征数组正则表达式的验证方式。如果输入内容不一致，patternMismatch返回true，否则，反之。 D.tooLong属性:输入内容大小超过了表单元素的maxLength属性所限制的字符长度。 如果超过tooLong属性，则返回true不然就反了。 E.rangeOverflow属性:输入的值大于max属性的值。 通常，用于填充数值的表单元素也可以使用max功能来设置数值范围的最大值。如果输入的数值大于最大值，rangeOverflow将返回true，否则，反之亦然。 F.rangeUnderflow属性，输入值小于min特性的值，上面也一样。 G.stepMismatch属性，输入值不符合step属性计算的规则。 不是真的，否则，就是相反的。 H.customError属性，它使用自己设置的验证错误提醒信息。在某些情况下，不适合使用浏览器内置的验证错误提醒信息，需要自行设置。当输入值不符合语义规则时，页面会提醒自己设置的错误信息。 表单验证的方法:checkValidity()方法，显式验证方法。每个表单元素都可以调用checkValidity()方法，该方法返回一个布尔值，表明它是否可以被验证。 默认情况下，表单验证在提交表单时进行。如果使用checkValidity()方法，可以在任何需要的地方验证表单。 SetCustomValidity()方法，自行设置错误预警信息的方法。 当默认提醒错误不能满足需求时，可以通过这种方法自己设置错误提醒。 当通过此方法设置错误警报信息时，元素的validationMessage属性的值将更改为定义的错误警报信息，ValidityState对象的customError属性的值将变为true。 9.Cookie、会话存储和本地存储cookie数据存储在用户的浏览器中，会话数据存储在服务器中。 Cookies不是很安全，别人可以分析本地存储的cookies，欺骗他们。 会话会在服务器上保存一段时间，添加访问时会占用服务器更多的资源。 为了减轻服务器的负担，在适当的时候应该使用cookie。 单个cookie保存的数据不能超过4kb。许多浏览器限制一个站点最多保存20个cookies。建议将登录信息等重要内容存储在session中，其余的可以存储在cookies中。 cookies的数量和长度是有限的。每个域最多只能有20个cookie，每个cookie的长度不能超过4kb，否则会被截掉。 安全问题，如果cookie被别人屏蔽了，你就可以得到所有的会话信息，即使加密也没用。拦截者不需要知道cookie的含义，只需按原样转发cookie即可达到目的。 有些状态不能保存在客户端。 通过良好的编程，控制存储在cookie中的会话对象的大小。 通过加密和安全传输技术ssl，降低了cookie破解的可能性。 只在cookie中存储非敏感数据，即使被盗也不会有重大损失。 控制cookies的生命周期，使它们不会永远有效。数据窃贼很可能会得到过期的cookie。 最大cookie大小为4096字节，但为了兼容，它不能超过4095字节。 每个特定域名下最多可以生成20个cookies，ie 6或更低版本，ie 7或更高版本，最多50个cookiefirefox最多可以有50个cookieChrome，Safari没有硬限制。sessionStorage用于本地存储会话中的数据。这些数据只能由同一会话中的页面访问。当会话结束时，数据将被销毁，因此sessionStorage不是持久的本地存储，而只是会话级存储。 LocalStorage用于持久化本地存储，除非主动删除，否则数据永远不会过期。 LocalStorage设计用于更大的存储容量。cookie的大小是有限的，每请求一个新页面就会发送cookie，无形中浪费了带宽。Cookies需要限定作用域，不能跨域调用。 10.html5为浏览器提供了哪些数据存储方案？在更高版本的浏览器中，提供了sessionStorage和globalStorage，HTML5规范中localStorage取代了globalStorage。 应用程序缓存:离线浏览，以便客户可以在离线时使用应用程序。 速度，这使得缓存的资源加载更快。 降低服务器负载，让浏览器引用下载服务器升级的资源。 HTML5应用程序缓存的目的是帮助客户离线浏览页面。如果网络连接不可用，打开的页面将来自浏览器缓存。离线应用缓存可以帮助客户实现这一目标。 本地存储的数据永久保存，但浏览器打开时会话存储有效，浏览器关闭时会话重置存储的数据。 提高网站的性能:11。如何实现浏览器中多个标签页之间的通信？调用标签之间的localstorage、cookies等数据存储，实现标签之间的通信。 12.Webworker和webSocket WebSocket的作用:是web应用的传输协议，提供双向有序的数据流。是html5新增的协议，WebSocket的连接是永久的。它保持客户端和服务器之间的双工连接，服务器的升级可以及时推送到客户端，不需要客户端每隔一定时间轮询一次。 Worker:通过Worker=new Worker(url)加载一个javascript文件，创建一个Worker，返回一个Worker实例；用worker.postMessage(data)向Worker发送数据；绑定Worker.onmessage以接收Worker发送的数据；您可以使用Worker.terminate()来终止工作线程的执行 目前在做前台开发。如果你现在想学习前台开发技术，并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙3000人:前:851中:231末:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要，可以自己下载。 13.HTML5新特性拖放api，更好的语义内容标签，音频，视频，画布，地理api等。、本地脱机存储、会话存储、表单控制。 嵌入音频:嵌入视频:新增加的表单属性包括:datalist、datetime、output、keygen、date、month、week、time、number、range。Email URL提供了很多新的API，包括媒体API、文本轨迹API、应用缓存API、用户交互API、数据传输API、命令API、约束验证API、历史API 14。如何区分html和html5？用DOCTYPE宣布新增加的结构元素和功能元素，绝不区分。 HTML5使用的5字符集 喜欢、收藏和评论