资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/html5整理（一）

html5整理（一）

yeyan1996 / 658人阅读

摘要：对于虽然用得多，但还是有一些知识点比较混乱，记得不清，所以想专门整理一下浏览器支持最新版本的支持某些特性，将支持某些特性此外，所有浏览器，包括旧的新的，对无法识别的元素会作为内联元素自动处理。实例规定用于表单的密钥对生成器字段。

对于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通过脚本来绘制图形

实例
新多媒体元素

audio定义音频内容
属性：
autoplay 如果出现该属性，则音频在就绪后马上播放
control 如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）
loop 如果出现该属性，则每当音频结束时重新播放
muted 如果出现该属性，则音频输出为静音
preload 值有auto,metadata,none,规定当网页加载时，音频是否默认被加载以及如何被加载
src 规定音频文件的url

实例

video标签定义视频，比如电影片段或其他视频流
支持三种视频格式：MP4、WebM、Ogg
属性：
除了拥有audio的全部属性，同时还增加了width,height两个属性

实例

定义了一个容器，用来嵌入外部应用或者互动程序（插件）
属性：
height,
src,
type 规定嵌入内容的MIME类型,
width

实例

为诸如

新表单元素

定义选项列表

IE 9 和更早版本的 IE 浏览器 以及 Safari 不支持 标签。

实例

规定用于表单的密钥对生成器字段。
当提交表单时，私钥存储在本地，公钥发送到服务器。

IE不支持该元素

属性：
autofocus 是字段在页面加载时获得焦点.
challenge 如果使用，则将keygen的值设置为在提交时询问
disabled 禁用keygen字段
form 定义该字段所属的一个或多个表单
keytype 值包括rsa,dsa,ec,定义密钥的安全算法
name 定义元素的唯一名称，name属性用于杂提交表单时搜集字段的值

实例


  用户名: 
  加密:

作为计算结果输出显示(比如执行脚本的输出)

IE不支持

属性：
`for" 描述计算中使用的元素与计算结果之间的关系
form 定义输入字段所属的一个或多个表单
name 定义对象的唯一名称（表单提交时使用）

实例

0
    100
    +
    =
新的语义和结构元素

GPU云服务器 云服务器 机柜整理 整理收集 整理资料 颜色整理

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111570.html

相关文章

  • html5整理（一）

    摘要：对于虽然用得多，但还是有一些知识点比较混乱，记得不清，所以想专门整理一下浏览器支持最新版本的支持某些特性，将支持某些特性此外，所有浏览器，包括旧的新的，对无法识别的元素会作为内联元素自动处理。实例规定用于表单的密钥对生成器字段。 对于html5虽然用得多，但还是有一些知识点比较混乱，记得不清，所以想专门整理一下 HTML5浏览器支持 最新版本的Safari、Chrome、Firefox...

    liangzai_cool 评论0 收藏0

  • html标签整理

    摘要：新标签，当前所有浏览器均不支持该属性规定元素可能的选项列表。新标签，目前端除不支持外，其余浏览器均支持。新标签定义字符中文注音或字符的解释或发音。新标签定义文档与外部资源的关系。新标签如有错误，请指正。 说明 这篇文章用来记录html中的英文单词及其意思！并没有其具体用法，具体用法请自行搜索！这篇文章只是用来记忆的!注意：这篇文章中列出的标签不包括在规范中已经被删除和不被html5所支...

    YacaToy 评论0 收藏0

  • 前端面试【整理更新中】：HTML常见题目（带答案）

    摘要：标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。使用之前需要考虑这两个缺点。数据的有效期不同。在设置的过期时间之前一直有效，即使窗口或者浏览器关闭。仅在浏览器窗口关闭之前有效。 一、HTML常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？02、 HTML5 为什么只需要写 !DOCTYPE HTML？03、行内元素有哪些？块级元素有哪些？空(voi...

    zhjx922 评论0 收藏0

  • 前端面试【整理更新中】：HTML常见题目（带答案）

    摘要：标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。使用之前需要考虑这两个缺点。数据的有效期不同。在设置的过期时间之前一直有效，即使窗口或者浏览器关闭。仅在浏览器窗口关闭之前有效。 一、HTML常见题目01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义？02、 HTML5 为什么只需要写 !DOCTYPE HTML？03、行内元素有哪些？块级元素有哪些？空(voi...

    Freeman 评论0 收藏0

发表评论

登陆后可评论

0条评论

yeyan1996

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<