HTML5同时增加和废除了很多属性。下面介绍一些常用的属性。

1、表单属性

  • 为input(type=text)、select、textarea与button元素新增了autofocus属性。(它以指定属性的方式让元素在画面打开时自动获得焦点)
  • 为input(type=text)与textarea、元素新增了placeholder属性(它会对用户的输入进行提示,提示用户可以输入的内容)
  • 为input、output、select、textarea、button、fieldset新增加了form属性(声明它属于哪个表单,然后将它放置在页面上任何位置,而不是表单之内)
  • 为input(type=text)和textarea元素新增了required属性(该属性表示在用户提交的时候进行检查,检查该元素内一定要有输入内容)
  • 为input元素增加了autocomplete、min、max、multiple、pattern、step属性。同时还有一个新的list元素与datalist元素配合使用。datalist元素和autocomplete属性配合使用。multiple属性允许在上传文件的时候一次上传多个文件。
  • 为input元素与button元素增加了新属性formaction、formenctype、formmethod、formnovalidate、formtarget,它们可以重载from元素的action、enctype、method、novalidate和target属性。为fieldset元素增加了disabled属性,可以把它的子元素设为disabled(无效)状态。
  • 为input元素、button元素、form元素、增加了novalidate属性,该属性可以取消提交时进行的有关检查,表单可以被无条件的提交。

2、链接属性

  • 为a和area元素增加了media属性,该属性规定目标URL时为什么类型的媒介/设备进行优化的,只能在href属性存在时使用。
  • 为area元素增加了hreflang属性与rel属性,以保持与a元素、link元素的一致。
  • 为link元素增加了新属性sizes。该属性可以与icon元素结合使用(通过rel属性),该属性指定关联图标(icon元素)的大小。
  • 为base元素增加了target属性,主要目的是保持与a元素的一致性。

3、其他属性

  • 为ol元素增加属性reversed,它指定列表倒序显示。
  • 为meta元素增加charset属性,因为这个属性已经被广泛支持了,而且为文档的字符编码的指定提供了一种比较良好的方式。
  • 为menu元素增加了两个新的属性--type和label。label属性为菜单定义一个可见的标注,type属性让菜单可以上下文菜单、工具条与菜单列表3种形式出现。
  • 为 style元素增加了scoped属性,用来规定样式的作用范围,譬如只对页面上某个树起作用。
  • 为script元素增加了async属性,它定义脚本是否异步执行。
  • 为html元素增加了属性manifest,开发离线web应用程序时它与API结合使用,定义一个URL,在这个URL上描述文档的缓存信息。
  • 为iframe元素增加三个属性,即sandbox、seamless、srcdoc,用来提高页面的安全性,防止不信任的Web页面执行某些操作。

HTML5属性的更多相关文章

  1. HTML5属性运用

    HTML5 接触移动端,或专注于支持HTML5浏览器进行前端开发的工作者都不会陌生,这个已经普及很广,对于我专注于PC端开发的人来说,觉得陌生但又觉得很熟悉,大家都知道做PC前端开发为了兼容IE老版本 ...

  2. HTML5 属性 认知

    HTML5中 不支持  Html4.01的属性: <acronym> <applet> <basefont> <big> <center> ...

  3. razor 添加html5属性

    在 HTML5 中, 可以使用 data- 属性来表示用户数据,这些数据甚至可以是 JSON 格式的数据,对 Web 前端开发带来很大的方便. 在 MVC 的 Razor 中,可以使用匿名对象来生成定 ...

  4. html5属性placeholder的js 向下兼容支持(jquery版)

    placeholder是html5表单特性中比较好用的一条,但是苦于其向下兼容性,所以一般要做向下兼容的站点都不敢用,如果有用到的地方,也是用js简单模拟而实现的,那么有没有一个一劳永逸的方法去解决这 ...

  5. Html和Css学习笔记-html进阶-html5属性

    我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! 此篇博客是我的复习笔记,html和css学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开html的书略读,后记录了标签 ...

  6. HTML5属性备忘单

    在网上闲逛的时候看到了文章,感觉总结的这个html5文章,决定转载过来,在排版的时候也帮助自己重新梳理复习一遍.毕竟学习基础最重要. by zhangxinxu from http://www.zha ...

  7. HTML5属性--(capture="camera") 上传照片或者打开手机相机

    要获取手机相机拍照或者访问相册    这里贴一个相关链接:http://blog.csdn.net/jackfrued/article/details/8967667 JSP页面代码: <inp ...

  8. HTML5全局属性和事件详解

    属性: HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何 HTML5 元素. 属性 描述 contenteditable 规定是否允许用户编辑内容. contextmenu 规定元素 ...

  9. HTML5全局属性和事件

    全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等.HTML5中又新增了一些特殊功能的全局属性和事件.   属性:   HTML5属性能够赋给标签元素含义和语 ...

随机推荐

  1. CobaltStrike与Metasploit实战联动

    前言 CobalStrike 与 Metasploit 均是渗透利器,各有所长.前者更适合做稳控平台,后者则更擅长内网各类探测搜集与漏洞利用.两者更需要灵活的联动,各自相互依托,从而提升渗透的效率. ...

  2. VS 断点不会命中的情况

    总结下遇到的几次断点无法命中的情况: 1.手误设置为release模式 如果是release模式的情况下,断点跳转命中情况是无法预知的,所以请修改成debug 2.与源文件不一致 这个情况是最常见的, ...

  3. 启发式搜索——A*算法

    启发式搜索 启发式搜索是一种对搜索到的每一个位置进行评估,然后从评估的最优位置进行搜索直到目的地, 由于搜索时对每一个位置的评估是基于直观或经验的所有叫启发式搜索 A*算法 历史: 1964年Nils ...

  4. 关于CoCreateInstance的0x800401f0问题

    hr = CoCreateInstance(CLSID_FilterGraph, NULL, CLSCTX_INPROC, IID_IGraphBuilder, (void **)&g_pGr ...

  5. 编译安装Python3.6.1

    系统:CentOS 7 Python: 3.6.1 去官方网站下载Python的源码包 然后准备开发环境和服务器平台开发 注意:python编译还依赖一个zlib-devel(本人第一次编译就因为不知 ...

  6. win10 安装face_recongnition

    1.安装dlib https://stackoverflow.com/questions/41912372/dlib-installation-on-windows-10 2.安装face_recon ...

  7. gitlab不支持mysql,这就是我学习PostgreSQL的原因

    Gitlab 官方宣布,将从 12.1 版本开始不再支持 MySQL 数据库.早在 2017年7月,Gitlab 就计划将弃用对 MySQL 的支持.而目前这个决定将从 12.1 版本开始. 编辑注: ...

  8. php表单字段

    在上一章节我们已经介绍了表的验证规则,我们可以看到"Name", "E-mail", 和 "Gender" 字段是必须的,各字段不能为空. ...

  9. skyline中遍历fly工程树

    在skyline二次开发过程中,做空间分析总是要去读取工程中的shp图层.假设想获取工程树中“建筑物”图层,图层结构如下: 传统的方法是: var itemId=SGWorld.ProjectTree ...

  10. app-safeguard-record:record

    ylbtech-work-app-safeguard-record:record 1.返回顶部 1. 示数 示数一般是指机械.仪器.仪表.或者需要对数字进行公开的显示的对外数字的宣示.比如电度表(千瓦 ...