HTML5新增标签的汇总与详解

定义独立的内容,如论坛帖子、报纸文章、博客条目、用户评论等内容。支持HTML5的全局属性和事件属性。定义两栏或多栏页面的侧边栏内容,如联系我们、客服、网站公告等内容。支持HTML5的全局属性和事件属性。定义音频内容,如音乐或其他音频流。

autoplay autoplay 自动播放。
controls controls 显示控件。
loop loop 自动重播。
preload preload 预备播放。如果使用 “autoplay”,则忽略该属性。
src url 音频的URL。

支持HTML5的全局属性和事件属性。

您的浏览器不支持 audio 标签。(注:可以在开始标签和结束标签之间加上此文本内容,这样若浏览器不支持此元素,就可以显示出这个信息。)

定义图形,如图表和其他图像。(注: 只是图形容器,我们必须使用脚本来绘制图形。)

height pixels 设置 canvas 的高度。
width pixels 设置 canvas 的宽度。

支持HTML5的全局属性和事件属性。

var canvas=document.getElementByIdx_xx_x(‘myCanvas’);

var ctx=canvas.getContext(‘2d’);

ctx.fillStyle=’#FFFF00′;

ctx.fillRect(0,0,20,30);

标记定义一个命令按钮,比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。

checked checked 定义是否被选中。仅用于 radio 或 checkbox 类型
disabled disabled 定义 command 是否可用
icon url 定义作为 command 来显示的图像的url
label text 为 command 定义可见的 label
radiogroup groupname 定义 command 所属的组名。仅在类型为 radio 时使用
type checkbox

command

radio

定义该 command 的类型。默认是 “command”

支持HTML5的全局属性和事件属性。

Click here.

定义选项列表,需与 input 元素配合使用,通过input 元素的 list 属性来绑定,用来定义 input 可能的值。datalist 及其选项不会被显示出来,它仅仅是合法的输入值列表。支持HTML5的全局属性和事件属性。用于描述文档或文档某个部分的细节。

open open 定义 details 是否可见

支持HTML5的全局属性和事件属性。

Some title.

Some details about the title.

定义外部的可交互的内容或插件。

height pixels 设置嵌入内容的高度
src url 嵌入内容的 URL
type type 定义嵌入内容的类型
width pixels 设置嵌入内容的宽度

支持HTML5的全局属性和事件属性。

定义一组媒体内容(图像、图表、照片、代码等)以及它们的标题。如果被删除,则不应对文档流产生影响。支持HTML5的全局属性和事件属性。

The title of the image.

定义一个页面或一个区域的页脚。可包含文档的作者姓名、创作日期或者联系信息。支持HTML5的全局属性和事件属性。定义一个页面或一个区域的头部。支持HTML5的全局属性和事件属性。定义文件中一个区块的相关信息,使用  标签对网页或区段(section)的标题进行组合。支持HTML5的全局属性和事件属性。

Welcome my world!

This is a title.

定义表单里一个生成的键值。规定用于表单的密钥对生成器字段。当提交表单时,私钥存储在本地,公钥发送到服务器。

autofocus autofocus 使 keygen 字段在页面加载时获得焦点
challenge challenge 如果使用,则将 keygen 的值设置为在提交时询问
disabled disabled 禁用 keytag 字段
form formname 定义该 keygen 字段所属的一个或多个表单
keytype rsa 定义 keytype。rsa 生成 RSA 密钥
name fieldname 定义 keygen 元素的唯一名称,用于在提交表单时搜集字段的值。

支持HTML5的全局属性和事件属性。

Username:

Encryption:

定义有标记的文本。请在需要突出显示文本时使用此标签。支持HTML5的全局属性和事件属性。

I like apple most.

定义度量衡。仅用于已知最大和最小值的度量。(注:必须定义度量的范围,既可以在元素的文本中,也可以在 min/max 属性中定义。)

high number 定义度量的值位于哪个点,被界定为高的值
low number 定义度量的值位于哪个点,被界定为低的值
max number 定义最大值。默认值是 1
min number 定义最小值。默认值是 0
optimum number 定义什么样的度量值是最佳的值。如果该值高于 “high” 属性,则意味着值越高越好。如果该值低于 “low” 属性的值,则意味着值越低越好。
value number 定义度量的值

支持HTML5的全局属性和事件属性。

2

2 out of 5

10%

定义导航链接。(注:如果文档中有“前后”按钮,则应该把它放到  元素中。)支持HTML5的全局属性和事件属性。

Home

Previous

Next

定义不同类型的输出,比如脚本的输出。

for id of another element 定义输出域相关的一个或多个元素
form formname 定义输入字段所属的一个或多个表单
name unique name 定义对象的唯一名称。(表单提交时使用)

支持HTML5的全局属性和事件属性。

定义任务(如下载)的过程,可以使用此标签来显示 JavaScript 中耗费时间的函数的进度。

max number 定义完成的值
value number 定义进程的当前值

支持HTML5的全局属性和事件属性。

15%

定义 ruby 注释(中文注音或字符)。在东亚使用,显示的是东亚字符的发音。ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 “ruby” 元素时显示的内容。支持HTML5的全局属性和事件属性。
定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

cite URL 当 section 摘自 web 的时候使用

支持HTML5的全局属性和事件属性。

为媒介元素(比如  和 )定义媒介资源。

media media query 定义媒介资源的类型,供浏览器决定是否下载
src url 媒介的 URL
type numeric value 定义播放器在音频流中播放起始位置。默认是从开头播放。

支持HTML5的全局属性和事件属性。

定义一个日期/时间,该元素能够以机器可读的方式对日期和时间进行编码,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

datetime datetime 规定日期或时间。否则,由元素的内容给定日期或时间
pubdate pubdate 指示  元素中的日期或时间是文档的发布日期

支持HTML5的全局属性和事件属性。

大家都是早上 9:00 上班。

元旦晚会。

定义视频,比如电影片段或其他视频流。

autoplay autoplay 自动播放。
controls controls 显示控件。
height pixels 设置视频播放器的高度
loop loop 自动重播。
preload preload 预备播放。如果使用 “autoplay”,则忽略该属性。
src url 视频的URL。
width pixels 设置视频播放器的宽度

支持HTML5的全局属性和事件属性。

时间: 2024-10-05 13:47:03

HTML5新增标签的汇总与详解的相关文章

html5新增标签progress

首先,请允许我在这里先表达一下对张鑫旭这位大牛的尊重之情,在学progress的时候,在他的网站上学到了很多我们会忽略的事情,也找到了自己的困惑的答案~~ 推荐给大家:http://www.zhangxinxu.com/wordpress/2013/02/html5-progress-element-style-control/comment-page-1/#comment-169478 参考网站:http://www.w3.org/TR/html5/forms.html#the-progres

html5新增标签与传统html的区别

一.文档声明以及编码声明的改变 html5之前的版本声明: 文档类型- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 文档编码- <meta http-equiv="Content-Type" content="text/ht

CSS浏览器前缀,HTML5新增标签

1.浏览器样式前缀 为了让CSS3样式兼容,需要加上 例如:-ms- 兼容IE浏览器-moz 兼容Firefox-webkit- 兼容chrome和safaridiv{-ms-transform:rotate(30deg);...........} 2.自动添加浏览器前缀 目前的状态是,有些CSS3属性需要加前缀,有些不需要加,有些只需加部分,可以用插件,安装autoprefixer 3.HTML5新增标签 (1)<header> 页面头部.页眉(2)<nav>页面导航(3)<

第二篇、HTML5新增标签

<html> <head> <meta charset="UTF-8"> <title>html5新增的标签</title> </head> <body> <!--结构性标签 常用于新闻.文章等--> <article> <header> </header> <section> </section> <section>

CSS3主要知识点复习总结+HTML5新增标签

1.显示属性,自身属性,文本属性 推荐样式编写顺序 1 显示属性 :display,list-style,position,float,clear [注意按照横着的顺序] 2 自身属性(合模型):width,height,margin,padding,border,background(第3点)     3 背景:background     4 行高:line-height     5 文本属性:color,font,text-decoration,text-align,vertical-al

HTML5新增标签总结和说明

HTML5出来这么久,都没有真正的理解和花时间去看,经常看到一些网页的里面包含很多陌生的标签元素,一直不清楚是什么功能.像<article>.<aside>. 其实这两个标签和<div>的功能一样仅仅是一个块级元素没有任何的样式和功能事件上的特点完全可以理解为div,.但是HTML5为什么要增加这些看似"毫无作用"标签呢.        我们知道经这么长时间的发展,HTML5的应用已经普及了.从使用的特点上来看,HTML5相对以前版本来看给人的感觉就

html5新增标签与删除标签

新增标签 1.结构标签(块状元素)--有意义的div <article>     标记定义一篇文章 <header>     标记定义一个页面或一个区域的头部 <nav>         标记定义导航链接 <section> 标记定义一个区域 <aisde> 标记定义页面内容的侧边栏 <hgroup> 标记定义文件中一个区块的相关信息 <figure> 标记定义一组媒体内容以及他们的标题 <figcaption>

HTML5基础与Meta http-equiv属性详解

HTML基础知识 <!DOCTYPE> 声明帮助浏览器正确地显示网页. <html> 元素定义了整个 HTML 文档. 现代网站都使用meta来声明页面内容的编码格式,我们推荐这种方式 : <meta http-equiv="Content-Type" content="text/html; charset=GBK"> 参考: head元素(head)及其包含的子元素 <head>    定义关于文档的信息. <

Html5新增标签的学习。

随笔,记录的比较随便. 今天新学习了9个标签. <audio> 简单的说就是一个音频标签,他的主要常用属性有src=""音频的路径 controls="controls" 控制参数,他就是可以让其在页面显示一个播放器的效果autoplay="autoplay"自动播放属性 loop="loop"循环次数 <video>同audio标签一样.是一个视频标签.主要常用的属性同上面一样 <datalis