摘要:对于虽然用得多,但还是有一些知识点比较混乱,记得不清,所以想专门整理一下浏览器支持最新版本的支持某些特性,将支持某些特性此外,所有浏览器,包括旧的新的,对无法识别的元素会作为内联元素自动处理。实例规定用于表单的密钥对生成器字段。
对于html5虽然用得多,但还是有一些知识点比较混乱,记得不清,所以想专门整理一下
HTML5浏览器支持最新版本的Safari、Chrome、Firefox、Opera支持某些HTML5特性,IE9将支持某些HTML5特性
此外,所有浏览器,包括旧的新的,对无法识别的元素会作为内联元素自动处理。
IE9以下版本浏览器兼容HTML5的方法,使用静态资源的html5shiv包
或者直接将脚本文件代码展示出来
也可以将这段代码多带带放在html5.js中,同时需要把这一部分放在head里面
载入后,初始化新标签的CSS
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;}
HTML5 新元素
canvas通过脚本来绘制图形
实例
新多媒体元素
- var canvas = document.getElementById("myCanvas");
- var ctx = canvas.getContext("2d");
- ctx.fillStyle="#ff0000";
- ctx.fillRect(0,0,80,100);
audio定义音频内容
属性:
autoplay 如果出现该属性,则音频在就绪后马上播放
control 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)
loop 如果出现该属性,则每当音频结束时重新播放
muted 如果出现该属性,则音频输出为静音
preload 值有auto,metadata,none,规定当网页加载时,音频是否默认被加载以及如何被加载
src 规定音频文件的url
实例
</>code
您的浏览器不支持audio元素
video标签定义视频,比如电影片段或其他视频流
支持三种视频格式:MP4、WebM、Ogg
属性:
除了拥有audio的全部属性,同时还增加了width,height两个属性
实例
</>code
您的浏览器不支持video标签
定义了一个容器,用来嵌入外部应用或者互动程序(插件)
属性:
height,
src,
type 规定嵌入内容的MIME类型,
width
实例
</>code
为诸如
新表单元素定义选项列表
IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持
实例
</>code
规定用于表单的密钥对生成器字段。
当提交表单时,私钥存储在本地,公钥发送到服务器。
IE不支持该元素
属性:
autofocus 是
challenge 如果使用,则将keygen的值设置为在提交时询问
disabled 禁用keygen字段
form 定义该
keytype 值包括rsa,dsa,ec,定义密钥的安全算法
name 定义
实例
</>code
用户名:
加密:
作为计算结果输出显示(比如执行脚本的输出)
IE不支持
属性:
`for" 描述计算中使用的元素与计算结果之间的关系
form 定义输入字段所属的一个或多个表单
name 定义对象的唯一名称(表单提交时使用)
实例
新的语义和结构元素</>code
100
+
=
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50075.html
摘要:对于虽然用得多,但还是有一些知识点比较混乱,记得不清,所以想专门整理一下浏览器支持最新版本的支持某些特性,将支持某些特性此外,所有浏览器,包括旧的新的,对无法识别的元素会作为内联元素自动处理。实例规定用于表单的密钥对生成器字段。 对于html5虽然用得多,但还是有一些知识点比较混乱,记得不清,所以想专门整理一下 HTML5浏览器支持 最新版本的Safari、Chrome、Firefox...
摘要:标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。使用之前需要考虑这两个缺点。数据的有效期不同。在设置的过期时间之前一直有效,即使窗口或者浏览器关闭。仅在浏览器窗口关闭之前有效。 一、HTML常见题目01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?02、 HTML5 为什么只需要写 !DOCTYPE HTML?03、行内元素有哪些?块级元素有哪些?空(voi...
摘要:标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。使用之前需要考虑这两个缺点。数据的有效期不同。在设置的过期时间之前一直有效,即使窗口或者浏览器关闭。仅在浏览器窗口关闭之前有效。 一、HTML常见题目01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?02、 HTML5 为什么只需要写 !DOCTYPE HTML?03、行内元素有哪些?块级元素有哪些?空(voi...
阅读 2024·2021-09-09 09:33
阅读 1129·2019-08-30 15:43
阅读 2684·2019-08-30 13:45
阅读 3321·2019-08-29 11:00
阅读 905·2019-08-26 14:01
阅读 3583·2019-08-26 13:24
阅读 499·2019-08-26 11:56
阅读 2702·2019-08-26 10:27