HTML5 知识库

html5新标签

   阅读:360次   评论:0条   更新时间:2011-07-23    

自从1999年Html4.01成为标准后,整个互联网发生了很大变化。但是,现在4.01版本中很多标签都过时了,或者没有按照原来的预想去使用。而这些标签在Html5中已经被删除或者重写。同时Html5为了更好的处理结构,画图,多媒体以及各式内容,添加了一些新的标签。

 

新标记标签

结构处理
标签         说明                                                     
<article> 定义外部来源信息,如新闻,博客,论坛等。
<aside> 定义旁白。
<command> 定义命令:按钮,单选框或复选框。
<details> 描述文档的详细信息。
<summary> 定义<details>里的说明或摘要。
<figure> 定义一组图形中的一部分独立内容,可以是视屏。
<figcaption> 定义<figure>的说明。 
<footer> 定义文档的页脚。
<header> 定义文档的介绍及导航。
<hgroup> 定义一组从<h1>到<h6>的标题,最大的是主标题,其他为子标题。
<mark> 高亮显示文本。
<meter> 定义一个相对的中间值,必须定义最大和最小值。
<nav> 定义一个导航的一部分。
<progress> 定义一个进度条
<ruby> 定义中文注释
<rt> 定义<ruby>说明
<rp> 显示浏览器不支持的<ruby>元素
<section> 定义一个文档的一部分,如章节,页眉,页脚或其它部分
<time> 定义一个时间或日期
<wbr> 定义断行

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

新多媒体标签

多媒体内容
标签 说明
<audio> 多媒体内容,如声音,音乐,音频等
<video> 视频内容,如影片剪辑或其他视频流内容
<source> 定义在<audio>和<video>标签里,标明媒体资源
<embed> 定义嵌入内容,如插件

 

 

 

 

 

 

 

 

 

 

 

 

新画图标签

可以用javascript在网页上画图

标签 说明
<canvas> 定义脚本画图

 

 

 

 

 

 

新表单标签

更多功能的表单标签

标签 说明
<datalist> 输入值的选项列表
<keygen> 生成用户身份验证的密钥
<output> 定义不同类型的输出,如输出脚本

 

 

 

 

 

 

 

 

 

新<input>标签属性

这些新的属性可以更好的控制输入

类型 说明
tel 电话号码类型值
search 搜索字段
url url链接值
email 一个或多个email地址值
datetime 日期或时间值
date 日期值
mouth 月份值
week 星期值
time 时间类型值
datetime-local 当地日期时间值
number 数字类型值
range 给定范围的数字类型值
color 十六进制的颜色值
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

Global site tag (gtag.js) - Google Analytics