一、新增与链接相关的属性

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 新增属性相关推荐

  1. html5中css新增的属性,css3有哪些新增属性?常用的新增属性总结

    css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性. 一.css ...

  2. html5表单新增的输入类型,HTML5之表单新增类型介绍

    1.html5的input标签的type类型新增介绍: 2.表单新增属性介绍: 3.代码示例: 1970 1980 1990 默认值: form="register" /> ...

  3. html5标签属性大全_HTML/HTML5 知识点思维导图

    HTML 1 - 浏览器 | 浏览器页面构成 2 - 浏览器 | 浏览器内核相关知识点 3 - W3C | 对WEB标准以及W3C的理解与认识? 4 - 标签 | Doctype相关知识点 5 - 标 ...

  4. html5历史纪录管理,HTML 5 新增方法以及历史管理

    @(HTML5)[HTML5 新增方法] [TOC] 十四. HTML 5 新增方法以及历史管理 新增的获取元素的方法 静态获取的方法: document.querySelector() 选择单个元素 ...

  5. html5定义页脚标签,使用 HTML5 中的新标签和新属性

    新标签主要分成三个部分:语义化标签.功能性标签及新的输入控件类型 语义化标签 .. . ....... 这些新的语义化标签目前得到了大部分主流浏览器的支持,建议直接使用:如果是在IE 8及以下版本,无 ...

  6. html5 video css样式修改,Video controls 属性 -HTML教程,css5.net

    Video controls 属性 实例 启用视频控件: document.getElementById("myVideo").controls=true; 演示一下 ? 定义和用 ...

  7. html元素data属性设置变量,HTML5 自定义属性 data-* 和 jQuery.data 详解

    编辑注:HTML中使用data-xx="xx"开头标记的属性到底有什么用,直接使用xx="xx"不是更简单吗?其实data-xx是HTML5的一个属性,支持通过 ...

  8. [html] HTML5中新添加的表单属性有哪些?

    [html] HTML5中新添加的表单属性有哪些? 用的最多的就是一个 placeholder 属性了,其他的基本都不知道,借机学习下 HTML5 表单属性,学完之后感觉我们很多自定义表单可以不用做了 ...

  9. HTML5新增音频标签(HTML5)

    HTML5新增音频标签(HTML5) <!DOCTYPE html> <html lang="en"><head><meta charse ...

最新文章

  1. 终于完成了“微软”化
  2. oracle删除日志文件
  3. 我的世界java版袭击图片_我的世界:你mc“中毒”有多深?这8张图都能看懂,绝对是真爱粉...
  4. 每日一博 - tcpdump小技巧
  5. 信息北航身份认证_信息北航丨北航第一服务平台,你值得关注!
  6. 揭秘《死者之书》之游戏角色资源创作
  7. UVA1343 The Rotation Game旋转游戏
  8. HTML音乐标签和滚动
  9. html:(8):span标签和q标签
  10. 苹果cms对接影视小程序源码完整源码
  11. 这部计算机27厘米宽英语怎么说,24/27/32寸电脑显示器尺寸多大?长宽多少厘米?显示屏长宽与面积的算法...
  12. 用Python把它做出来:EXCEL文件合并/拆分工具 (含VBA版)
  13. 时态的重建--适合理工直男的钟平老师逻辑英语学习笔记
  14. 触发器的使用,通过这个案例让你完全掌握
  15. CreateFontIndirect
  16. 新手使用Docker教程
  17. Unity自动驾驶仿真
  18. Exploratory Social Network Analysis with Pajek(第三版)7
  19. UltraEdit发布了Linux版-UEX
  20. 树莓派4B安装Opencv4.5及配置(无脑式操作)

热门文章

  1. 安装全局消息钩子实现dll窗体程序注入
  2. hdu2433 spfa+mark[x][u][v]优化
  3. 【数据挖掘】卷积神经网络 ( 视觉原理 | CNN 模仿视觉 | 卷积神经网络简介 | 卷积神经网络组成 | 整体工作流程 | 卷积计算图示 | 卷积计算简介 | 卷积计算示例 | 卷积计算参数 )
  4. [题解] 2019牛客暑期多校第三场H题 Magic Line
  5. Spring框架的事务管理之基于AspectJ的XML方式(重点掌握)
  6. javascript:void(0)与#区别
  7. ThinkPHP 中M方法和D方法的具体区别
  8. Linux服务器通过rz/sz轻松上传下载文件
  9. 线性表之链式存储结构
  10. not enough actual parameters for macro 'min'(QT与vs2010)