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新标签和属性的总结。 希望对您有所帮助。 如果您有疑问,请给我留言,编辑会及时回复您。 非常感谢您对鲁帆网站的支持!
发表评论