『壹』 html5標簽大全，還在為不認識的h5標簽迷茫嗎
廢除的元素
1、能用css代替的元素
basefont、big、center、font、s、strike、tt、u。這些元素純粹是為畫面展示服務的，HTML5中提倡把畫面展示性功能放在css中統一編輯。
『貳』 如何設置HTML5 標簽的樣式
<pstyle="color:red;">第一種方式</p>
<style>
.aa{
color:red;
}
</style>
<pclass="aa">第二種方式</p>
『叄』 使用<header>lt;footer>lt;nav>等h5標簽，和全部使用<div>有什麼區別
header、footer等標簽是html5新增的語義化標簽，作用是使html更有語義化
用法與div沒有什麼特殊的區別
全部都使用div會使得文檔結構不如語義化標簽更明確
『肆』 在一個H5頁面編寫長篇文章 使用什麼標簽 或 工具
H5頁面是一種新型的移動社交營銷工具，凡科微傳單是一個免費H5場景應用製作和發布平台。不用懂設計、不用會編程，1分鍾上手製作，通過簡單的操作，人人都能製作出一份受眾喜歡的H5創意頁面。
『伍』 html5廢除的標簽在頁面上就不能使用了嗎 所有瀏覽器都不支持h5的廢除標簽了嗎
可以用的
【摘抄】雖然IE9已經宣稱支持html5了，但是IE8完全不支持。現在仍有一大批的人坐在06、07年的奔四老爺機面前，用著xp的系統，裝著IE8在爬網；還有一些戀舊老哥、老姐們，買的新機咔嚓掉正版win7，換上D版XP。雖然現在有了Html5shiv，可以讓IE8有限支持一些HTML新標簽，也僅僅是幾個新標簽而已。我可以選擇使用什麼新技術，但是不能要求你產品的用戶必須裝什麼瀏覽器（除非你給鐵老大做東西，春運票只有我這兒賣，必須裝IE10才能買票
http://www.cnblogs.com/mzwhj/archive/2013/02/18/2916393.html
『陸』 html5裡面新增的用於網頁布局的標簽有哪些
<header>標簽
<header>標簽定義文檔的頁眉（介紹信息）
用法：
<header><h1>windyauang的Dreamweaver專欄</h1></header>
<nav>標簽
<nav> 標簽定義導航鏈接的部分
用法：
<nav>
<ul>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單二</a></li>
<li><a href="#">菜單三</a></li>
<li><a href="#">菜單四</a></li>
</ul>
</nav>
<section> 標簽
<section> 標簽定義文檔中的節（section、區段）。比如章節、頁眉、頁腳或文檔中的其他部分
用法： <section>
<h1>標題一</h1>
<p>文章段落內容</p>
</section>
<article> 標簽
<article> 標簽定義外部的內容。 外部內容可以是來自一個外部的新聞提供者的一篇新的文章，或者來自blog的文本，或者是來自論壇的文本。亦或是來自其他外部源內容。總之，可以理解為article所表示的就是文章內容。
用法：<article>
<a href="#">文章內鏈接</a><br />
文章內容文章內容文章內容
</article>
<aside> 標簽
<aside>標簽定義article以外的內容。aside的內容應該與article的內容相關，如上圖所示，它類似於布局中的輔助側邊欄。
用法： <aside>
<h4>小標題</h4>
段落內容段落內容
</aside>
<footer> 標簽
<footer> 標簽定義section或document的頁腳。在典型情況下，該元素會包含創作者的姓名、文檔的創作日期以及/或者聯系信息，也就是類似於版權信息的東西。
用法： <footer>
頁腳文字，版權信息等
</footer>
整體的Html5代碼應該如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
</head>
<body>
<header> <h1><a href="#">windyauang的Dreamweaver專欄-Html5布局示範文檔</a></h1> </header>
<nav>
<ul>
<li><a href="#">菜單一</a></li>
<li><a href="#">菜單二</a></li>
<li><a href="#">菜單三</a></li>
<li><a href="#">菜單四</a></li> </ul>
</nav>
<section>
<header>內容標題</header>
<article>文章內容</article>
<footer>文章版權內容</footer>
</section> <aside>相關內容</aside>
<footer>頁腳、頁面版權內容</footer>
</body>
『柒』 如果後台給前端傳的數據帶有h5標簽,前端如何解析
正常解析，將h5標簽插入到指定的地方
『捌』 Html5新增的標簽有哪些
新增的結構標簽：
1、header元素
表示頁面中一個內容區塊或真個頁面的標題。
2、hgroup元素
表示對真個頁面或頁面中的一個內容區塊的標題進行組合。
3、article元素
表示頁面中一塊與上下文不相關的獨立內容。比如一篇文章。
4、aside元素
表示article元素內容之外的、與article元素內容相關的輔助信息。
5、footer元素
表示整個頁面或頁面中一個內容區塊的腳注。一般來說，他會包含創作者的姓名、創作日期以及創作者的聯系信息。
『玖』 H5的語義化標簽新特性應該如何使用
HTML5新特性
簡潔的DOCTYPE：
HTML5 只有一個簡單的文檔類型：<!DOCTYPE html>，表示瀏覽器會按照標准模式解析。
簡單易記的編碼類型
你現在可以在meta 標簽中使用」charset」：<meta charset=」utf-8″ />
腳本和鏈接無需type
<linkrel="stylesheet"href="path/to/stylesheet.css"/>
<scriptsrc="path/to/script.js"></script>
更加語義化的新增標簽
比如說：<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等
<videowidth="640"height="320"preload="auto"poster="0.jpg"controls>
<sourcesrc="movie.ogg"type="video/ogg"/>
<sourcesrc="movie.mp4"type="video/mp4"/>
.
</video>
『拾』 H5中header標簽應該如何使用
在HTML5之前的版本大家可能有用DIV標簽布局網頁的習慣，但是H5在DIV標簽的基礎上增加了header標簽元素，也就是我們說的頭部標簽，以往我們在布局中常常把網頁分為頭部，內容，底部，現在已經有系統的標簽來幫我們規劃，也是方便了很多，那麼這個header標簽需要怎麼使用呢？今天我們就來好好的研究一下
正應為大家公認html布局中對「header」為常用命名，所以在HTML5新增了個header標簽元素。可以這樣理解為什麼在html5中新增header為標簽元素。
除了直接使用header標簽外，也可以對header設置class或id。
語法結構
header標簽元素和p用法相同。有開始有閉合。
語法：
1
<header>內容</header>
直接不給id或class
1
<header>頭部內容區</header>
設置id
1
<header id=」p」>頭部內容區</header>
設置class
1
<header class=」p」>頭部內容區</header>
特點：就像DIV標簽元素一樣可以多次使用，不同地方可以使用id或class設置不同樣式。
兼容性
因為header標簽是HTML5新增標簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當然國內360瀏覽器、網路瀏覽器、遨遊瀏覽器等瀏覽器均借用系統自帶IE內核，所以國內瀏覽器實際上與你系統自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標簽元素。
新舊DIV布局對比案例
通過DIV+CSS布局與HTML5+CSS布局對比觀察並掌握對header應用。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5 Header標簽實例</title>
<style>
/* 傳統布局CSS */
#header{ width:300px; height:40px; background:#CCC}
/* HTML5布局樣式 */
header{ width:400px; height:70px; color:#F00; background:#F5F5F5}
.color-000{ color:#000; background:#666}
</style>
</head>
<body>
<p id="header">我在傳統p布局中</p>
<header>我在傳統p布局中,必須在支持HTML5瀏覽器才能看到效果，
建議谷歌瀏覽器測試觀察效果</header>
<header class="color-000">我顏色為黑色,背景為#666</header>
</body>
</html>