xhtml、html與html5的區別

時間 2019-11-09

標籤 xhtml html html5 區別欄目 HTML 简体版

原文原文鏈接

1、基本概念：html

html:超文本標記語言 (Hyper Text Markup Language)html5

xhtml:可擴展超文本標記語言，是一種置標語言，表現方式與超文本標記語言（HTML）相似，不過語法上更加嚴格。canvas

h5:最早由WHATWG(Web 超文本應用技術工做組)命名的一種超文本標記語言，隨後和W3C的xhtml2.0(標準)相結合，產生如今最新一代的超文本標記語言。能夠簡單點理解成：h5≈ html+CSS 3+js+API。框架

html特性：ide

標識文本。例如：定義標題文本、段落文本、列表文本、預約義文本。
創建超連接，便於頁面連接的跳轉。
建立列表，把信息有序組織在一塊兒以方便瀏覽。
在網頁中顯示圖像、聲音、視頻、動畫等多媒體信息，把網頁設計得更富衝擊力。
能夠製做表格，以便顯示大量數據。
能夠製做表單，容許在網頁內輸入文本信息，執行其餘用戶操做，方便信息互動。

h5的認識：動畫

新特性應該基於 HTML、CSS、DOM 以及 JavaScript。
減小對外部插件的需求（好比 Flash）
更優秀的錯誤處理
更多取代腳本的標記
HTML5 應該獨立於設備
開發進程應對公衆透明

h5新特性：網站

用於繪畫的 canvas 元素
用於媒介回放的 video 和 audio 元素
對本地離線存儲的更好的支持
新的特殊內容元素，好比 article、footer、header、nav、section
新的表單控件，好比 calendar、date、time、email、url、search

二：文檔類型聲明方式：搜索引擎

　　html:url

　　　　過渡型：插件

　　　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

　　　　嚴格型:

　　　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

　　　　框架型:

　　　　<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

　　xml:

　　　　過渡型:

　　　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

　　　　嚴格型:

　　　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

　　　　框架型:

　　　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

　　html5:

　　　　<!DOCTYPE html>

3、語義：

　　html:沒有體現結構語義化的標籤，咱們一般都是這樣來命名的<div id="header"></div>.這樣表示網站的頭部。

　　html5:在語義上卻有很大的優點。提供了一些新的標籤，好比:<header><article><footer>

　　提供了語義化標籤能夠更好地支持搜索引擎的讀取便於seo的蜘蛛的爬行。

4、基本語法：

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。