html5新增加的标签

增加标签:

1、结构标签

(1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分;

(2)article:特殊独立区块,表示这篇页眉中的核心内容;

(3)aside:标签内容之外与标签内容相关的辅助信息;

(4)header:某个区块的头部信息/标题;

(5)hgroup:头部信息/标题的补充内容;

(6)footer:底部信息;

(7)nav:导航条部分信息

(8)figure:独立的单元,例如某个有图片与内容的新闻块。

2、表单标签

(1)email:必须输入邮件;

(2)url:必须输入url地址;

(3)number:必须输入数值;

(4)range:必须输入一定范围内的数值;

(5)Date Pickers:日期选择器;

a.date:选取日、月、年

b.month:选取月、年

c.week:选取周和年

d.time:选取时间(小时和分钟)

e.datetime:选取时间、日、月、年(UTC时间)

f.datetime-local:选取时间、日、月、年(本地时间)

(6)search:搜索常规的文本域;

(7)color:颜色

3、媒体标签

(1)video:视频

(2)audio:音频

(3)embed:嵌入内容(包括各种媒体),Midi、Wav、AU、MP3、Flash、AIFF等。

4、其他功能标签

(1)mark:标注(像荧光笔做笔记)

(2)progress:进度条;<progress max="最大进度条的值" value="当前进度条的值">

(3)time:数据标签,给搜索引擎使用;发布日期<time datetime="2014-12-25T09:00">9:00</time>更新日期<time datetime="2015-
01-23T04:00" pubdate>4:00</time>

(4)ruby和rt:对某一个字进行注释;<ruby><rt>注释内容</rt><rp>浏览器不支持时如何显示</rp></ruby>

(5)wbr:软换行,页面宽度到需要换行时换行;

(6)canvas:使用JS代码做内容进行图像绘制;

(7)command:按钮;

(8)deteils :展开菜单;

(9)dateilst:文本域下拉提示;

(10)keygen:加密;

时间: 2024-10-11 06:14:23

html5新增加的标签的相关文章

HTML5新增加的功能

HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能. 绘画CANVAS; 用于播放媒体的video和audio元素: 本地离线存储localstorage长期存储数据,浏览器关闭后数据不丢失:sessionstorage的数据在浏览器关闭后自动删除: 语义化更好的内容元素如:article.footer.header.nav.section: 表单控件,type属性有calendar.date.time.email.URL.search: 移除的元素有:纯表现的

Html5新增加的属性

用2中方法给单复选框增加新的特性,使直接点击文字就可以被选中 1.将选项放入label标签内添加for属性,并在input标签内添加id,两者值相同. 2.将input标签放到label标签内,注意label标签内不使用for属性.? 1.在optgroup里面添加label属性,可以给每组添加标题,标题为不可选: ?2.当在option里面添加label属性,选项默认label的属性值

HTML5新标签的兼容性处理

HTML5新的语义标签尽管有很多的好处,但是在低版本的老IE浏览器中还是存在兼容性问题的,常常让人感到头疼,到底是大胆的使用新标签还是使用传统的大量的DIV无义标签?今天就简单的看看H5新标签的兼容性处理方式. 首先来看一小段简单的代码: HTML代码: <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

HTML5 学习笔记--------》HTML5概要与新增标签!

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

检测浏览器对HTML5新input类型的支持

HTML5新增加了很多input元素类型,比如color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等. 通过以下方法可以检测浏览器是否支持这些新的input类型: var i = document.createElement('input'); i.setAttribute('type', 'date'); //浏览器不支持date类型 if(i.type == 'text'){

HTML5 学习总结(一)——HTML5概要与新增标签(转载)

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

Html5新特性-听视频教程总结

以下是听视频,所总结的一些知识点,以便之后查阅.同时与大家共讨论. 1.做html5方面东西,所需要的技术基础. 2.Html5的一些新特性,如上图所展示.(注:为了代码的浏览与管理,还是建议统一大小写,加引号等操作) 以上不过多进行描述,基本都了解的. section:页面划分,若需要与后台交互,可加id,样式用class. 补充:nav元素,导航. figure独立流内容(图像.图表.照片.代码等等).figure原始的内容应与主内容相关,如果被删除,不应对文档流产生影响. 3.媒体 vid