wordpress和h5 wordpress和h5p类似的插件

wordpress html5主题怎么编辑？

编辑方法如下：

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：国际域名空间、虚拟空间、营销软件、网站建设、杭锦后网站维护、网站推广。

一.使用 HTML5 的声明

在 HTML 4.01 和 XHTML 中那段长长的 DTD 类型声明应该是所有标签中最难记住的标签了，但在 HTML5 中， DTD 声明非常简单：

!DOCTYPE html

就是这么简洁，要使用 HTML5 ，第一步肯定是先使用 HTML5 的 !DOCTYPE 声明。

二.加入 html5.js

可以在主题的 head 元素内加入一段 js 来让 IE8 及以下的 IE 完全支持 HTML5 的标签。

下载由 html5shiv 提供的这个 html5.js 文件。

!--[if lte IE 9]

script type="text/javascript" src="./js/html5.js"/script

![endif]--

代码中使用了条件注释针对低版本的 IE（IE8 及以下版本）浏览器来调用这个 js 文件，其他浏览器会忽略掉这段代码，不会造成浪费的 HTTP 请求。

三.CSS Reset

CSS Reset 是为了把浏览器提供的默认样式去掉的一段 CSS ，详细的介绍可以参见 Kayo 之前所写的一篇文章《关于 CSS Reset 》，本文中的 CSS Reset 是根据前文的 CSS Reset 改造的，主要是加入了对 HTML5 中新加入的标签的重置。下面是 Kayo 针对 HTML5 的 CSS Reset ，供大家参考，也可以参照前文定制更适合个人情况的 CSS Reset 。

/*** 加入 HTML5 新标签的样式重置 ***/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body{line-height: 1; text-align: left; }

:focus {outline: 0; }

/*** 将一些可以代替 div 标签的 HTML5 标签定义为块状元素 ***/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block; }

ol, ul {list-style: none; }

blockquote, q {quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; }

ins {text-decoration: none; }

mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del {text-decoration: line-through; }

table {border-collapse: collapse; border-spacing: 0; }

input, select {vertical-align: middle; }

现在，可以放心的在 WordPress 主题中使用 HTML5 标签了。

四.修改主题中的标签为语义化的 HTML5 标签

在网页重构中，舍弃了没有任何语义的 table 布局，取而代之的是新的标记，最常见的莫过于 div 这个标签，不过在设计复杂的页面时，新的问题出来了—— div 的滥用导致页面变得臃肿并且难于理解。值得兴奋的是， HTML5 为开发者引入了新的语义化标记，下面给大家介绍一些适合在 WordPress 主题中使用的 HTML5 标签。

header 用于定义文档的页眉，可以代替原本包裹页眉的 div 。

footer 用于定义文档的页脚，可以代替原本包裹页脚的 div 。

nav 用于定义导航链接的部分，即代替包裹菜单的 div 。

article 用于定义独立的内容，很适合代替包裹文章的 div，如 WordPress 首页、归档页或文章页的文章列表中可使用该标签包裹文章。

aside 该标签用于定义其所处内容之外的内容，并且 aside 的内容应该与附近的内容相关，因此很适合用来包裹 WordPress 的侧边栏。

另外 time, small, section 等 HTML5 标签也适合用来改造升级 WordPress 主题，这些标签的具体意义可以参见 W3school 。

五.为主题加入 HTML5 微数据

关于 HTML5 微数据的介绍和使用方法可以参见 Kayo 之前所写的文章《HTML5 之微数据》，这里主要介绍一些适合 WordPress 使用的微数据规范，因此建议读者先阅读前文再阅读下文。

这里使用的是 schema.org 的微数据规范，加入微数据是为了让机械（如搜索引擎）识别网页内容的意义，可以说是华丽丽的 SEO 。

下面列举一些适合的微数据规范：

这是定义网页版头的微数据，需要注意的是 WPHeader 的 “WP” 不是指 WordPress ，而是 Web Page 的缩写，不过用在 WordPress 上也是非常合适的。

定义网页页脚。

定义一篇博客文章。

定义一条评论。

免费建站的网站哪个好

免费建站的网站有Wix、Wordpress、搜狐快站。

1、Wix

Wix是国外比较有名的一款免费网站建站系统，模板设计很不错，选了模板后任意模块可以随便移动，文字编辑及框架大小都可以很随意调试，对小白友好，用户体验也还行。

2、Wordpress

WordPress是基于PHP＋Mysql开发的、目前世界范围内使用人数非常多的CMS系统。这个网站上手比较困难，更适合有更多编程知识的人，首先下载安装Wordpress本身就是个很复杂的过程，不像其他网站，注册个用户名就可以使用。

3、搜狐快站

搜狐快站算是一个经典老牌子，主要是以移动端为主。移动端网站，社区，电商，app，博客，H5海报都可以做。总而言之是一款功能比较全的网站，可以说是包罗万象，产品非常丰富。比较难得的是在这样丰富的功能下，它的操作并没有因此而复杂化，相反，操作非常简单，建站也很容易。是一个能让你上手非常快的建站平台，而且各种模板也很多。

网站的作用

在互联网上，24小时与工作的客体交流是完全可能的，通过互联网的一些应用，7x24的全天候交流互动完全是可能而且正常的。基于互联网的社交平台，已经越来越多人在网站上发布信息，进行自我营销，是个人或群体展示形象的良好平台。

当我们网站的建设的十分成功的时候，将会为网站的使用者在网站访客的心目中加分，同时可能留住访客成为对我们“有价值的人”。反之，则会使得网站形同虚设，犹如浪费。

h5如何制作网站

现在有很多h5响应式网站建设系统，这种直接制作h5网站，最方便，比如我们工作目前就有。

如果自己会开发，或者愿意折腾，使用主流的建站程序，如wordpress也可以制作h5

HTML5 Shiv 在wordpress里怎么使用？

假设你把HTML5Shiv.js文件放在\wp-includes\js目录，就在你的H5主题模板目录的header.php页/head之前写

!--[if lt IE 9]

script src="/wp-includes/js/HTML5Shiv.js"/script