《HTML 5+CSS 3入门经典》——2.2 新增的属性和废除的属性

简介: 本节书摘来自华章计算机《HTML 5+CSS 3入门经典》一书中的第2章,第2.2节,作者:管媛辉 潘凯华著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。

2.2 新增的属性和废除的属性

2.2.1 新增的属性

1 . 表单相关的属性
HTML 5中新增的与表单相关的属性如下。
(1)autocomplete属性
autocomplete属性规定form或input域应该拥有自动完成功能。
image(4)表单重写属性
表单重写属性(form override attribute)允许您重写form元素的某些属性设定。
表单重写属性有以下几个。
formaction:重写表单的action属性。
formenctype:重写表单的enctype属性。
formmethod:重写表单的method属性。
formnovalidate:重写表单的novalidate属性。
formtarget:重写表单的target属性。
image
(7)min、max和step属性
min、max和step属性用于为包含数字或日期的input类型规定限定(约束)。
max属性规定输入域所允许的最大值。
min属性规定输入域所允许的最小值。
step属性为输入域规定合法的数字间隔(如果step="3",则合法的数是-3,0,3,6等)。image
(8)multiple属性
multiple属性规定输入域中可选择多个值。
image
2 . 链接相关的属性
HTML 5新增的与链接相关的属性如下。
(1)media属性
为a与area元素增加了media属性,该属性规定目标URL是为什么类型的媒介/设备进行优化的。只能在href属性存在时使用。
(2)hrefl ang属性与rel属性
为area元素增加了hrefl ang属性与rel属性,以保持与a元素、link元素的一致。
(3)sizes属性
为link元素增加了sizes属性。该属性可以与icon元素结合使用(通过rel属性)。该属性指定关联图标(icon元素)的大小。
(4)target属性
为base元素增加了target属性,主要目的是保持与a元素的一致性。同时,target元素由于在Web应用程序中,尤其是在与iframe结合使用时,是非常有用的,所以不再是不赞成使用的元素了。
3 . 其他属性
除了上面介绍的与表单和链接相关的属性外,HTML 5还增加了下面的属性。
(1)reversed属性
为ol元素增加了reversed属性,它指定列表倒序显示。另外,在HTML 5中,将HTML 4废除的li元素的value属性与ol元素的start属性重新启用了。
(2)charset属性
为meta元素增加了charset属性,因为这个属性已经被广泛支持了,而且为文档的字符编码的指定提供了比较良好的方式。
(3)type属性与label属性
为menu元素增加了两个新的属性:type与label。label属性为菜单定义一个可见的标注,type属性让菜单可以以上下文菜单、工具条和列表菜单三种形式出现。
(4)scoped属性与async属性
为style元素增加了scoped属性,用来规定样式的作用范围,譬如只对页面上某个树起作用。为script元素增加了async属性,它定义脚本是否异步执行。
(5)manifest属性、sandbox属性、seamless属性与srcdoc属性
为html元素增加了manifest属性。开发离线Web应用程序时,它与API结合使用,定义一个URL,在这个URL上描述文档的缓存信息。为iframe元素增加了三个属性:sandbox、seamless与srcdoc,用来提高页面安全性,防止不信任的Web页面执行某些操作。

image
image

相关文章
|
4天前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
2天前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
1天前
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
45 34
|
5天前
html+js+css实现的建筑方块立体数字时钟源码
html+js+css实现的建筑方块立体数字时钟源码
57 33
|
3天前
|
前端开发
“弘五四,耀青春”程序创意获奖作品【html+css】
本作品以“青春筑梦,共创未来”为主题,采用动态龙元素展现青春活力与创新精神。页面设计简洁明快,色彩协调,突显年轻人积极向上的风貌。作品内容包括获奖截图、名字《时代扬新帆》及源代码分享。特别说明:禁止用于商业活动,可用于比赛和作业等开源场景。最后,作者表达了对五四精神的致敬与传承,强调了青春活力和创造力的重要性,并感谢评委和支持者。 **获奖感言摘录:** “获得这个奖项,对我们团队来说,既是认可也是激励。我们将继续努力,不断优化产品,为用户带来更好的体验,为社会贡献更多价值。”
17 2
|
26天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
103 24
|
1月前
|
移动开发 JavaScript 前端开发
HTML5 表单属性7
`pattern` 属性使用正则表达式验证 `<input>` 元素的值,适用于 `text`, `search`, `url`, `tel`, `email`, 和 `password` 类型。
|
1月前
|
移动开发 UED HTML5
HTML5 表单属性6
`min`、`max` 和 `step` 属性用于限制 `<input>` 标签中的数值或日期范围。例如,可以设置日期选择器的最早和最晚日期,或限制数字输入框的值范围。`multiple` 属性允许在 `<input>` 中选择多个值,适用于邮箱和文件类型。这些属性增强了表单控件的功能性和用户体验。
|
1月前
|
移动开发 数据安全/隐私保护 HTML5
HTML5 表单属性8
`required`属性确保表单提交前输入框不能为空,适用于多种类型的 `<input>` 标签,如文本、邮箱、密码等。`step`属性则用于指定输入域中合法数值的间隔,常与`max`和`min`属性配合使用,适用于数字、日期等类型。例如,设置`<input type="number" step="3">`可使输入值以3为单位递增或递减。
|
前端开发 流计算

热门文章

最新文章