html5的新增属性-html5有哪些新的标签和属性?

1.结构标签

2. 表单标签

(1) 电子邮箱:您必须输入您的电子邮箱; (2)url:必须输入url地址; (3)数字:必须输入一个值; (4)范围:必须输入一定范围内的值; (5)DatePickers:日期选择器;

a.date:选择的日、月、年 b.month:选择的月、年 c.week:选择的周、年 d.time:选择的时间(小时和分钟) e.datetime:选择的时间、日、月、年( UTC 时间) f.datetime-local:选择的时间、日、月、年(当地时间)

(6)搜索:搜索常规文本字段;

(7)颜色:颜色

3. 媒体标签

(1)video:视频(2)audio:音频(3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。

4.其他功能标签

(1)mark:标记(像荧光笔做笔记)(2)progress:进度条;

(3)时间:数据标签,用于搜索引擎; 发布日期 9:00 更新日期 4:00 (4)ruby 和 rt:评论一句话; 浏览器不支持时如何显示评论内容 (5) wbr : 软换行,页面长度达到换行时换行; (6)canvas:使用JS代码制作图像轮廓的内容; (7)命令:按钮; (8) 详细信息:展开菜单; (9)dateilst:下拉文本字段提示; (10) keygen:加密;

新增属性

为js添加的属性。


如果没有以上两个属性,则执行顺序是先加载(下载)第一个src,然后执行其onload,然后向上同步执行defer属性。 执行后),会先加载(下载)src中的文件内容,然后等到页面完全加载完毕,再在onload中加载js.async属性,属于异步加载。 加载src后会立即执行onload,同时继续加载页面的上述执行顺序,alert显示会先显示b再显示a

在网页中的标签中添加小图标的样式代码


Ordered list ol:添加start(列表的起始值)、reverse(是否倒置)menu菜单类型属性(3种菜单类型)embedded css style:在标签内部定义一个样式块(scoped),仅用于内联框架仅在style标签内部有效:iframe元素,无缝,不添加行距和边框,srcdoc定义内嵌框架的内容

新增属性:

明显属性:

定义页面所需的离线应用文件html5的新增属性,通常放在标签中

字符集属性:

meta属性之一,定义页面的字符集

尺寸属性:

新增属性,当链接的rel="icon"时,用于设置图标大小

基本属性:

延迟属性:

script标签属性表示脚本加载后,只有当页面也加载完毕时才会执行(延迟执行)

异步属性:

Script标签属性html5的新增属性,脚本加载后立即执行(运行时浏览器会解析下面的内容),虽然页面还没有加载(异步执行)

媒体属性:

元素属性:表示优化的是哪个设备

hreflang 属性:

指示超链接指向的 URL 使用的语言的属性

参考属性:

定义超链接是否为外部链接的属性

反转属性:

属性,定义是否插入序列号

起始属性:

定义序列号起始值的属性

范围属性:

内嵌CSS样式的属性,定义该样式仅限于内嵌样式的元素,适合单页开发

HTML5全局属性:可用于任何标签,以下6个

数据-yourvalue、隐藏、Spenllecheck、tabindex、contenteditable、desginMode;

全局属性:

1.可以直接在标签中插入:data-自定义属性名; 隐藏(直接说是隐藏); pellcheck="true"(句子纠错); tabindex="1"(Tab跳转顺序);contenteditable="true"(可编辑状态,点击内容即可更改); 2、JavaScript中插入window.document.designMode='on'(JavaScript的全局属性,可以编辑整个页面的文本);

总结

以上是小编介绍的HTML5新标签和属性的总结。 希望对您有所帮助。 如果您有疑问,请给我留言,编辑会及时回复您。 非常感谢您对鲁帆网站的支持!