HTML5 新标签全部总汇(推荐)

所属分类: 网页制作 / html5 阅读数: 1879
收藏 0 赞 0 分享

<article> 标签定义外部的内容(外部内容如blog,news)。      
使用后感觉和P差不多,语义化的标签。

<aside> 标签定义article以外的内容(可用做文章的侧栏).       
语义化的标签。

<audio>标签定义音乐。                      
支持三种格式,ogg,mp3,wav。 Safari仅支持MP3 and WAV 两种格式.

<canvas>使用JavaScript在网页上绘制图形图像。          
学好算法JS无所不能. (浏览器说:鸭梨很大).

<command> 定义按钮用的.                     
说实话,没用明白。

<datalist> 定义选项列表.                     
又是一个不知道咋用的标签。

<details> 用于描述某个文档部分的内容。               
语义化的标签。

<summary> 定义<details>元素标题。                 
语义化的标签。

<embed>定义嵌入的内容(如插件)。                 
必须有一个src的属性,值是URL。可以是图片,swf etc.

<figure> 对元素进行组合.
语义化的标签。

<figcaption> 定义figure的标题.
语义化的标签.

<footer>定义页脚。
语义化的标签。

<header>定义页眉。
语义化的标签。

<hgroup>对网页或区段(section)的标题进行组合。
语义化的标签。

<keygen> 定义密钥.
没用明白。

<mark>定义带有记号的文本。
突出显示用的,会有个背景色。

<meter> 定义度量衡,用于已知最大和最小值的度量。
不懂,在chrome下显示的是图像,在firefox和safari下显示的是<meter>标签内的文本.

<nav>定义导航。
语义化的标签。

<output> 定义输出类型。
应是和表单一块用的。

<progress>定义运行中的进度。
进度条效果.

<rupy><rp><rt>
定义ruby注释。

<section>定义文档中的区段。
语义化的标签,自认为是<div>的替代品.

<source> 定义媒介源(如<video>和<audio>).
定义媒介资源的类型,让浏览器决定是否下载.

<time> 定义时间。
语义化的标签。

<video> 定义视频。
IE9和Safari支持MP4,其他主流浏览器支持Ogg。

以上这篇HTML5 新标签全部总汇(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

原文地址:http://www.cnblogs.com/androidshouce/archive/2016/06/13/5579380.html

更多精彩内容其他人还在看

html5指南-4.使用Geolocation实现定位功能

今天我们要学习的是使用Geolocation实现定位功能。我们可以通过navigator.geolocation获取Geolocation对象,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

一张图片能隐含千言万语之隐藏你的程序代码

一个HTML5的视频智力游戏,开发的过程很有趣,我喜欢编程,但当实现了游戏逻辑后,我有了一个有趣的想法:为什么不想个办法把代码隐藏起来
收藏 0 赞 0 分享

HTML4和HTML5之间除了相似以外的10个主要不同

HTML5是最新的HTML标准,重新开发一个HTML5的网站,要比把一个网站从HTML4迁移到HTML5上容易的多,这是因为这两个版本之间有很大不同之处
收藏 0 赞 0 分享

HTML5 实现一个访问本地文件的实例

今天,我将向大家分享一个简单的应用,用来演示使用FileReader的方法, FileReader是HTML5里提供的一个文件操作API,需要的朋友可以了解下
收藏 0 赞 0 分享

使用HTML5的链接预取功能(link prefetching)给网站提速

HTML5的链接预取功能(link prefetching)是一个埋在沙里的宝石,至今还很少人知道它的价值,需要的朋友可以了解下
收藏 0 赞 0 分享

基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码

基于HTML5实现的超酷摄像头(HTML5 webcam)拍照功能,需要了解的朋友可以参考下
收藏 0 赞 0 分享

HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览

打开一个网页,加载完后,如果突然断网了,那么你刷新后那页面就没了,怎么阻止这种局面的发生呢?html5的出现让我们豁然开朗,接下来将为您详细解读
收藏 0 赞 0 分享

HTML5使用ApplicationCache接口实现离线缓存技术解决离线难题

离线访问对基于网络的应用而言越来越重要,虽然所有浏览器都有缓存机制,但它们并不可靠,HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题,需要的朋友可以参考下
收藏 0 赞 0 分享

如何使用html5与css3完成google涂鸦动画

今天我们将介绍,如何使用css3完成google涂鸦动画。当你点击demo页面的【开始】按钮之后,页面中的骑手和马匹将会运动起来,需要的朋友可以了解下
收藏 0 赞 0 分享

HTML5重塑Web世界它将如何改变互联网

即将成为新标准的HTML5到底会把我们带向哪里?下面收集了开发者、程序员以及设计师的一些看法,从中可以了解到HTML5如何改变互联网,需要的朋友可以了解下
收藏 0 赞 0 分享
查看更多