html5新增属性有哪些,HTML5 新增属性
一、新增与链接相关的属性
1.为a与area元素增加media属性。该属性有效的前提是href属性必须存在。media属性定义了目标URL是针对哪种类型的媒介设备进行优化的。
2. 为area元素增加hreflang属性与rel属性。这可以使其保持与a和link元素的一致性。
3. 为link元素增加sizes属性。该属性可以指定关联图标(icon)的大小,所以通常与icon元素一起使用。
4. 为base元素增加traget属性,仍然是为与a元素保持一致。
二、新增与表单相关的属性
为input(type=text)、button、select和textarea元素增加autofocus属性,表示在打开页面时使元素自动获得焦点
为input(type=text)和textarea元素增加placeholder属性
为input、output、button、select、textarea、和fieldset增加form属性。该属性用于声明元素属于哪个表单,而并不关心元素具体在页面的哪个位置,甚至是表单之外都可以。
为input(type=text)和textarea元素增加require属性,该属性表示元素为必填项。
为input元素增加了多个新属性:autocomplete(规定输入字段是否应该启用自动完成功能)、min(规定 元素的最小值)、max(规定 元素的最小值)、multiple(规定输入字段可选择多个值)、pattern(规定用于验证输入字段的模式)、step(属性规定输入字段的合法数字间隔(假如 step="3",则合法数字应该是 -3、0、3、6,以此类推),同时还新增了list和datalist两个元素,可以与input配合使用。
为input和button元素增加了多个新属性:formaction、formenctype、formmethod、formnovalidate 与formtarget。他们可以重载早期HTML版本中form元素的action、enctype、method、novalidate和 target属性。
为input、button和form元素增加novalidate属性。该属性可以取消用户提交表单时需要进行的相关检查。
8. 为fieldset元素增加disabled属性。可以将其子元素设为无效状态。
三、新增的其他属性
为ol元素增加reversed属性,用于指定列表倒序显示
为meta元素增加charset属性,用于指定文档的字符编码,实际上该属性已经在之前的版本中被广泛应用了
为menu元素增加type与label两个属性。label属性用于为菜单定义一个可见的标注,type属性定义菜单的三种显示形式,即上下文菜单、工具条菜单、列表菜单。
4. 为style元素增加scoped属性,用于规定样式的作用域。
5. 为script元素增加async属性,用来定义脚本是否异步执行。
6. 为html元素增加manifest属性,在开发离线Web应用程序时,它与API结合使用,定义一个URL,在这个URL上描述文档的缓存信息。
7. 为iframe元素增加了多个新属性:sandbox、seamless和srcdoc,主要用来提升页面安全性,防止不被信任的Web页面执行某些操作。
html5新增属性有哪些,HTML5 新增属性相关推荐
- html5中css新增的属性,css3有哪些新增属性?常用的新增属性总结
css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性. 一.css ...
- html5表单新增的输入类型,HTML5之表单新增类型介绍
1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...
- html5标签属性大全_HTML/HTML5 知识点思维导图
HTML 1 - 浏览器 | 浏览器页面构成 2 - 浏览器 | 浏览器内核相关知识点 3 - W3C | 对WEB标准以及W3C的理解与认识? 4 - 标签 | Doctype相关知识点 5 - 标 ...
- html5历史纪录管理,HTML 5 新增方法以及历史管理
@(HTML5)[HTML5 新增方法] [TOC] 十四. HTML 5 新增方法以及历史管理 新增的获取元素的方法 静态获取的方法: document.querySelector() 选择单个元素 ...
- html5定义页脚标签,使用 HTML5 中的新标签和新属性
新标签主要分成三个部分:语义化标签.功能性标签及新的输入控件类型 语义化标签 .. . ....... 这些新的语义化标签目前得到了大部分主流浏览器的支持,建议直接使用:如果是在IE 8及以下版本,无 ...
- html5 video css样式修改,Video controls 属性 -HTML教程,css5.net
Video controls 属性 实例 启用视频控件: document.getElementById("myVideo").controls=true; 演示一下 ? 定义和用 ...
- html元素data属性设置变量,HTML5 自定义属性 data-* 和 jQuery.data 详解
编辑注:HTML中使用data-xx="xx"开头标记的属性到底有什么用,直接使用xx="xx"不是更简单吗?其实data-xx是HTML5的一个属性,支持通过 ...
- [html] HTML5中新添加的表单属性有哪些?
[html] HTML5中新添加的表单属性有哪些? 用的最多的就是一个 placeholder 属性了,其他的基本都不知道,借机学习下 HTML5 表单属性,学完之后感觉我们很多自定义表单可以不用做了 ...
- HTML5新增音频标签(HTML5)
HTML5新增音频标签(HTML5) <!DOCTYPE html> <html lang="en"><head><meta charse ...
最新文章
- 终于完成了“微软”化
- oracle删除日志文件
- 我的世界java版袭击图片_我的世界:你mc“中毒”有多深?这8张图都能看懂,绝对是真爱粉...
- 每日一博 - tcpdump小技巧
- 信息北航身份认证_信息北航丨北航第一服务平台,你值得关注!
- 揭秘《死者之书》之游戏角色资源创作
- UVA1343 The Rotation Game旋转游戏
- HTML音乐标签和滚动
- html:(8):span标签和q标签
- 苹果cms对接影视小程序源码完整源码
- 这部计算机27厘米宽英语怎么说,24/27/32寸电脑显示器尺寸多大?长宽多少厘米?显示屏长宽与面积的算法...
- 用Python把它做出来:EXCEL文件合并/拆分工具 (含VBA版)
- 时态的重建--适合理工直男的钟平老师逻辑英语学习笔记
- 触发器的使用,通过这个案例让你完全掌握
- CreateFontIndirect
- 新手使用Docker教程
- Unity自动驾驶仿真
- Exploratory Social Network Analysis with Pajek(第三版)7
- UltraEdit发布了Linux版-UEX
- 树莓派4B安装Opencv4.5及配置(无脑式操作)
热门文章
- 安装全局消息钩子实现dll窗体程序注入
- hdu2433 spfa+mark[x][u][v]优化
- 【数据挖掘】卷积神经网络 ( 视觉原理 | CNN 模仿视觉 | 卷积神经网络简介 | 卷积神经网络组成 | 整体工作流程 | 卷积计算图示 | 卷积计算简介 | 卷积计算示例 | 卷积计算参数 )
- [题解] 2019牛客暑期多校第三场H题 Magic Line
- Spring框架的事务管理之基于AspectJ的XML方式(重点掌握)
- javascript:void(0)与#区别
- ThinkPHP 中M方法和D方法的具体区别
- Linux服务器通过rz/sz轻松上传下载文件
- 线性表之链式存储结构
- not enough actual parameters for macro 'min'(QT与vs2010)