【WP-TagCanvas】WordPress HTML5的3D标签云插件发布，IE也可以显示 - 许行的日志,人人网,许行的公共主页
我就纯把人人当做博客备份了。。
【WP-TagCanvas】WordPress HTML5的3D标签云插件发布，IE也可以显示
啊，今天晚上准备戒了Dota就埋头写这个，原来有一个用Flash实现的3D标签云，但是我实在是不喜欢Flash，于是写了一个HTML5语言的3D标签云插件。下载地址：
正准备上传到Wordpress官网上去，效果见我博客右侧~最主要的是有excanvas的话可以支持IE，就不一定需要支持HTML5了！下面是插件的readme文件：=== Plugin Name ===Contributors: harryxuchnTags: tag cloud,3D,widget,HTML5,canvas,cloud,tagsRequires at least: 2.9Tested up to: 3.3Stable tag: 1.0WP-TagCanvas is a plugin using Javascript class which will draw and animate a HTML5 canvas based tag cloud. Itsupport three shape:sphere, hcylinder for a cylinder that starts off horizontal and vcylinder for a cylinder thatstarts off vertical.== Description ==Get a 3D Tag cloud by TagCanvas(/tagcanvas.php).TagCanvas is a Javascript class whichwill draw and animate a HTML5 canvas based tag cloud. It support three shape:sphere, hcylinder for a cylinderthat starts off horizontal and vcylinder for a cylinder that starts off vertical. Based on TagCanvas version 1.12.== Installation ==1. Make sure you&r...
阅读(2125)|
人人移动客户端下载现在位置：
总共230篇文章
小兽以SEO出道，以折腾wordpress为兴趣，从事wordpress建站多年，专注wordpress主题开发设计！喜欢就加我QQ。
当月热门文章&section&&/section&: 区段
&article&&/article& :&定义独立的内容(论坛帖子/报纸文章/博客条目/用户评论)
&aside&&/aside& : 定义其所处内容之外的内容(侧栏)
&header&&/header& : 定义文档的页眉（介绍信息）
&hgroup&&/hgroup& : 用于对网页或区段（section）的标题进行组合。使用 &figcaption& 元素为元素组添加标题
&footer&&/footer& : 定义 section 或 document 的页脚(元素会包含创作者的姓名、文档的创作日期以及/或者联系信息)。
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& 假如您使用 footer 来插入联系信息，应该在 footer 元素内使用 &address& 元素
&nav&&/nav& : 定义导航链接的部分
&figure&&/figure& :&独立的流内容（图像、图表、照片、代码等等）
&video&&/video& :&定义视频，比如电影片段或其他视频流
&audio&&/audio& :&定义声音，比如音乐或其他音频流
&embed&&/embed&
:&定义嵌入的内容，比如插件
&canvas&&/canvas&
:&标签定义图形，比如图表和其他图像。标签只是图形容器，您必须使用脚本来绘制图形
应用激活标签
&meter&&/meter& :&义度量衡。仅用于已知最大和最小值的度量
&progress&&/progress& :&定义运行中的进度（进程）
&time&&/time& :&标签定义公历的时间（24
小时制）或日期，时间和时区偏移是可选的
&details&&/details& :&用于描述文档或文档某个部分的细节
&command&&/command& :&可以定义命令按钮，比如单选按钮、复选框或按钮
&menu&&/menu&
:&标签定义菜单列表。当希望列出表单控件时使用该标签。在
HTML 5 中，重新定义了 menu 元素，且使用用于排列表单控件。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：176490次
积分：1611
积分：1611
排名：第17248名
原创：51篇
转载：19篇
(1)(4)(1)(1)(2)(1)(2)(11)(1)(6)(1)(5)(1)(2)(7)(10)(9)(5)HTML5标签与HTML4的区别分析
（1）概念的变化：HTML5专注内容与结构，而不专注的表现&header& &hgroup&导航相关数据&/hgroup& &/header& &nav&菜单&/nav& &article& &h1&标题:HTML5专题视频教程&/h1&（2）声明与标签：HTML5在更多的声明...
   
（1）概念的变化：
HTML5专注内容与结构，而不专注的表现
&header& &
&hgroup&导航相关数据&/hgroup& &
&/header& &
&nav&菜单&/nav& &
&article& &
&h1&标题:HTML5专题视频教程&/h1&&
（2）声明与标签：
HTML5在更多的声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素。
HTML5标签语法介绍及新增标记
1、语法标签：
（1） 不允许写的结束符的标签：area、basebr、col、command、Embed、hr、img、input、keygen、link、meta、param、source、Track、wbr
（2）可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、Colgroup、thread、tbody、tr、td、th
（3）可以完全省略的标签：html、head、body、colgroup、tbody
2、新增标签：
&article& &标记定义一篇文章
&aside& &标记定义页面内容部分的侧边栏
&audio& &标记定义音频内容
&canvas& & 标记定义图片
&command& &标记定义一个命令按钮
&datalist& &标记定义一个下拉列表
&details& & 标记定义一个元素的详细内容
&dialog& & 标记定义一个对话框(会话框)
&embed& & 标记定义外部的可交互的内容或插件
&figure& & 标记定义一组媒体内容以及它们的标题&footer& 标记定义一个页面或一个区域的底部
&header& & 标记定义一个页面或一个区域的头部
&hgroup& & 标记定义文件中一个区块的相关信息
&keygen& & 标记定义表单里一个生成的键值
&mark& & 标记定义有标记的文本
&meter& & 标记定义 measurementwithin apredefinedrange
&nav& & 标记定义导航链接
&output& & 标记定义一些输出类型
&progress& & 标记定义任务的过程
&rp& & 标记是用在Rubyannotations 告诉那些不支持Ruby元素的浏览器如何去显示
&rt& & 标记定义对rubyannotations的解释
&ruby& & 标记定义 rubyannotations.
&section& & 标记定义一个区域
&source& & 标记定义媒体资源
&time& & 标记定义一个日期/时间
&video& & 标记定义一个视频
HTML5简单示例
& & &!DOCTYPE html& &
& & &head& &
& & &meta charset=utf-8& &
& & &title&PHP100中文网HTML5专题&/title& &
& & &style type=&text/css& rel=&stylesheet&& &
& & & & header,nav,article,footer {border:solid 1px #666;padding:5px} &&
& & & & header{width:500px} &&
& & & & nav{float:width:60height:200px} &&
& & & & article{float:width:428height:200px} &&
& & & & footer{clear:width:500px} &&
& & &/style& &
& & &script type=&text/javascript&& &
& & & & document.createElement('article'); &&
& & & & document.createElement('nav'); &
& & & & document.createElement('header'); &
& & &/script& &
& & &/head& &
& & &body& &
& & & & &header& &
& & & & & & &hgroup&导航相关数据&/hgroup& &
& & & & &/header& &
& & & & &nav&菜单&/nav& &
& & & & &article& &
& & & & & & &h1&HTML5专题视频教程&/h1& &
& & & & & & 发布日期:&time&09:00&/time& &
& & & & & & &time datetime=&&&春节&/time& &
& & & & & & &p&测试相关内容&/p& &
& & & & &/article& &
& & & & &footer& &
& & & & & & &address&地址&/address& &
& & & & &/footer& &
& & &/body& &
& & &/html& &
（责任编辑：php1001）
本文关键字：
广告赞助商
最新视频推荐
Copyright (C) 2007-, All Rights Reserved 版权所有 . 沪ICP备号
地址:上海徐汇区零陵路585号 爱邦大厦26H座
传真(FAX):021-
电话(Tel):021-
PHP100 Website Powered by PHPCMS. For PHP100. 服务器维护：阿里巴巴-阿里云Can I use... Support tables for HTML5, CSS3, etc
Green = Supported
Red = Not supported
Greenish yellow = Partial support
Gray = Support unknown
*Global usage share statistics based on data from
for June, 2016. See the
for usage by browser version.}