今天給各位分享html5模板怎么修改的知識(shí)，其中也會(huì)對(duì)css模板修改進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問(wèn)題，別忘了關(guān)注本站，現(xiàn)在開(kāi)始吧！

本文目錄一覽：

• 1、wordpress html5主題怎么編輯？
• 2、html5模板怎么使用？
• 3、html5模板怎么更改在頁(yè)面顯示出來(lái)的字

wordpress html5主題怎么編輯？

編輯方法如下：

一.使用 HTML5 的 聲明

在 HTML 4.01 和 XHTML 中那段長(zhǎng)長(zhǎng)的 DTD 類(lèi)型聲明應(yīng)該是所有標(biāo)簽中最難記住的標(biāo)簽了，但在 HTML5 中， DTD 聲明非常簡(jiǎn)單：

1

!DOCTYPE html

就是這么簡(jiǎn)潔，要使用 HTML5 ，第一步肯定是先使用 HTML5 的 !DOCTYPE 聲明。

二.加入 html5.js

可以在主題的 head 元素內(nèi)加入一段 js 來(lái)讓 IE8 及以下的 IE 完全支持 HTML5 的標(biāo)簽。

下載由 html5shiv 提供的這個(gè) html5.js 文件。

1

2

3

!--[if lte IE 9]

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

![endif]--

代碼中使用了條件注釋針對(duì)低版本的 IE（IE8 及以下版本）瀏覽器來(lái)調(diào)用這個(gè) js 文件，其他瀏覽器會(huì)忽略掉這段代碼，不會(huì)造成浪費(fèi)的 HTTP 請(qǐng)求。

三.CSS Reset

CSS Reset 是為了把瀏覽器提供的默認(rèn)樣式去掉的一段 CSS ，詳細(xì)的介紹可以參見(jiàn) Kayo 之前所寫(xiě)的一篇文章 《關(guān)于 CSS Reset 》，本文中的 CSS Reset 是根據(jù)前文的 CSS Reset 改造的，主要是加入了對(duì) HTML5 中新加入的標(biāo)簽的重置。下面是 Kayo 針對(duì) HTML5 的 CSS Reset ，供大家參考，也可以參照前文定制更適合個(gè)人情況的 CSS Reset 。

/*** 加入 HTML5 新標(biāo)簽的樣式重置 ***/

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 標(biāo)簽的 HTML5 標(biāo)簽定義為塊狀元素 ***/

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; }

現(xiàn)在，可以放心的在 WordPress 主題中使用 HTML5 標(biāo)簽了。

四.修改主題中的標(biāo)簽為語(yǔ)義化的 HTML5 標(biāo)簽

在網(wǎng)頁(yè)重構(gòu)中，舍棄了沒(méi)有任何語(yǔ)義的 table 布局，取而代之的是新的標(biāo)記，最常見(jiàn)的莫過(guò)于 div 這個(gè)標(biāo)簽，不過(guò)在設(shè)計(jì)復(fù)雜的頁(yè)面時(shí)，新的問(wèn)題出來(lái)了—— div 的濫用導(dǎo)致頁(yè)面變得臃腫并且難于理解。值得興奮的是， HTML5 為開(kāi)發(fā)者引入了新的語(yǔ)義化標(biāo)記，下面給大家介紹一些適合在 WordPress 主題中使用的 HTML5 標(biāo)簽。

header 用于定義文檔的頁(yè)眉，可以代替原本包裹頁(yè)眉的 div 。

footer 用于定義文檔的頁(yè)腳，可以代替原本包裹頁(yè)腳的 div 。

nav 用于定義導(dǎo)航鏈接的部分，即代替包裹菜單的 div 。

article 用于定義獨(dú)立的內(nèi)容，很適合代替包裹文章的 div，如 WordPress 首頁(yè)、歸檔頁(yè)或文章頁(yè)的文章列表中可使用該標(biāo)簽包裹文章。

aside 該標(biāo)簽用于定義其所處內(nèi)容之外的內(nèi)容，并且 aside 的內(nèi)容應(yīng)該與附近的內(nèi)容相關(guān)，因此很適合用來(lái)包裹 WordPress 的側(cè)邊欄。

另外 time, small, section 等 HTML5 標(biāo)簽也適合用來(lái)改造升級(jí) WordPress 主題，這些標(biāo)簽的具體意義可以參見(jiàn) W3school 。

五.為主題加入 HTML5 微數(shù)據(jù)

關(guān)于 HTML5 微數(shù)據(jù)的介紹和使用方法可以參見(jiàn) Kayo 之前所寫(xiě)的文章 《HTML5 之微數(shù)據(jù)》，這里主要介紹一些適合 WordPress 使用的微數(shù)據(jù)規(guī)范，因此建議讀者先閱讀前文再閱讀下文。

這里使用的是 schema.org 的微數(shù)據(jù)規(guī)范，加入微數(shù)據(jù)是為了讓機(jī)械（如搜索引擎）識(shí)別網(wǎng)頁(yè)內(nèi)容的意義，可以說(shuō)是華麗麗的 SEO 。

下面列舉一些適合的微數(shù)據(jù)規(guī)范：

這是定義網(wǎng)頁(yè)版頭的微數(shù)據(jù)，需要注意的是 WPHeader 的 “WP” 不是指 WordPress ，而是 Web Page 的縮寫(xiě)，不過(guò)用在 WordPress 上也是非常合適的。

定義網(wǎng)頁(yè)頁(yè)腳。

定義一篇博客文章。

定義一條評(píng)論。

html5模板怎么使用？

1、啟動(dòng) Visual Studio 2010。

2、在“文件”菜單中，依次選擇“新建”和“項(xiàng)目”。將打開(kāi)“新建項(xiàng)目”對(duì)話框。在 Visual Basic 或 Visual C# 中選擇“WEB應(yīng)用程序”，然后將其命名為“HTML5Template”。單擊“確定”。

3、在這個(gè)項(xiàng)目中添加下面這些文件。

兩個(gè)分別放置js和css的文件夾：css、js

HTML5基本模板頁(yè)：index.html

jQuery：jquery-1.4.2.min.js

Modernizr ：modernizr-1.5.min.js

HTML5 樣式文件：html5reset.css

html5模板怎么更改在頁(yè)面顯示出來(lái)的字

這個(gè)文字有幾種可能。

在index.html文件里面

在JS文件夾里面的js文件里面

這些文字是寫(xiě)在圖片上

所以你只要稍微找一下就找到了，最大的可能就是在index.html里面

html5模板怎么修改的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于css模板修改、html5模板怎么修改的信息別忘了在本站進(jìn)行查找喔。