html5新增標簽與傳統html的區別
阿新 • • 發佈:2017-12-03
部分 canvas 側邊欄 運用 html5 元素 base frameset tail
一、文檔聲明以及編碼聲明的改變
html5之前的版本聲明:
文檔類型-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
文檔編碼-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
html5的版本聲明:
文檔類型-
<!doctype html>
文檔編碼-
<meta charset="utf-8">
二、html5新增標簽
1.新的語義和結構標簽
<header> 定義了文檔頭部區域
<footer> 定義了文檔尾部區域
<aside> 定義了頁面側邊欄內容
<article> 定義了一篇文章
<nav> 定義導航鏈接的部分
<section> 定義了一個區域
<figure> 規定獨立的流內容(圖像、圖表、照片、代碼等等)
<figcaption> 定義 <figure> 元素的標題
<dialog> 定義對話框,比如提示框
2.新增其它標簽
(1)多媒體標簽:
<video> 頁面中插入視頻內容;
<audio> 頁面中插入音頻內容;
<source> 可定義多個媒體資源。
(2)繪圖標簽:
<canvas> 繪制圖片;
<svg> 矢量圖。
(3)web運用標簽:
<meter> 狀態標簽,溫度等;
<progress> 進度條;
<details> 定義元素的詳細內容
(4)註釋標簽:
<ruby> 標記定義 註釋或音標
<rp> 告訴那些不支持ruby元素的瀏覽器如何去顯示
<rt> 標記定義ruby註視內容文本。
(5)其它標簽:
<keygen> 標記定義表單公鑰;
<mark> 標記定義有標記的文本(默認黃色背景);
<output> 標記定義一些輸出類型,計算表單結果配合oninput事件;
<time> 定義時間或日期。
三、已移除的元素
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
html5新增標簽與傳統html的區別