1. 程式人生 > >xhtml、html與html5的區別

xhtml、html與html5的區別

一、基本概念:

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

xhtml:可擴充套件超文字標記語言,是一種置標語言,表現方式與超文字標記語言(HTML)類似,不過語法上更加嚴格。

h5:最先由WHATWG(Web 超文字應用技術工作組)命名的一種超文字標記語言,隨後和W3C的xhtml2.0(標準)相結合,產生現在最新一代的超文字標記語言。可以簡單點理解成:h5≈ html+CSS 3+js+API。

html特性:

  • 標識文字。例如:定義標題文字、段落文字、列表文字、預定義文字。
  • 建立超連結,便於頁面連結的跳轉。
  • 建立列表,把資訊有序組織在一起以方便瀏覽。
  • 在網頁中顯示影象、聲音、視訊、動畫等多媒體資訊,把網頁設計得更富衝擊力。
  • 可以製作表格,以便顯示大量資料。
  • 可以製作表單,允許在網頁內輸入文字資訊,執行其他使用者操作,方便資訊互動。

h5的認識:

  • 新特性應該基於 HTML、CSS、DOM 以及 JavaScript。
  • 減少對外部外掛的需求(比如 Flash)
  • 更優秀的錯誤處理
  • 更多取代指令碼的標記
  • HTML5 應該獨立於裝置
  • 開發程序應對公眾透明

h5新特性:

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

二:文件型別宣告方式:

  html:

    過渡型:

    <!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>

三、語義:

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

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

  提供了語義化標籤可以更好地支援搜尋引擎的讀取便於seo的蜘蛛的爬行。

四、基本語法:

相關推薦

xhtmlhtmlhtml5區別

一、基本概念: html:超文字標記語言 (Hyper Text Markup Language) xhtml:可擴充套件超文字標記語言,是一種置標語言,表現方式與超文字標記語言(HTML)類似,不過語法上更加嚴格。 h5:最先由WHATWG(Web 超文字應用技術工作組)命名的一種超文字標記語言,隨後

XHTMLHTML4,HTML5 之間的區別

這幾個都是W3C負責制定的一個標準,用於網頁內容的標籤。 HTML4是html標準中比較成熟的一個版本,使用時間比較長,也是現今大部分網頁遵循的標準。 XHTML 1.0標準 為了規範HTML,W3C結合XML制定了XHTML 1.0標準,XHTML是能滿足XML要求的HTM

淺談htmlHTML5區別

        今天有人問我了,你經常用html5還是html?emmm......其實自己在平時寫網頁時,對這兩者沒有特意區分。如果非要說區別的話,顯而易見的區別就是下面我列出來的這些了。至於往深層次理解了:HTML5已經遠遠超越了標記語言的範疇,其背後是一組技術集。小白學

html——attrvalattrpropattrcss區別

一、attr與val val只能獲取到元素的value值,如: alert($(this).val()+"unselected");this是checkbox;

布局模型 之 層模型(position的relativeabsolutefixed區別?)

absolute fixed relative css的布局模型分為流動模型(Flow)、浮動模型(Float)、層模型(Layer)。 浮動模型(Float)和層模型(Layer)有什麽顯著區別? 浮動模型(Float):浮動是讓某元素脫離文檔流的限制,在浮動框之前和之後的非定位元素

sql之truncate deletedrop區別

重置 模式 表數 class term 相同 run 限制 及其 相同點:truncate 和不帶 where 子句的 delete,以及 drop 都會刪除表內的數據不同點:1. truncate 和 delete 只刪除數據不刪除表的結構(定義)drop 語句將刪除表的

SQL truncate deletedrop區別[z]

全部 事務提交 表數據 語句 ons 刪除一行 使用 參與 備份 [z]https://www.cnblogs.com/8765h/archive/2011/11/25/2374167.html 相同點: 1.truncate和不帶where子句的delete、以及drop

IQueryableIEnumberable IListList區別

接口 ble 基於 持久 功能 泛型接口 div 泛型類 查詢 基本概念:IEnumerable:使用的是LINQ to Object方式,它會將AsEnumerable()時對應的所有記錄都先加載到內存,然後在此基礎上再執行後來的QueryIQeurable(

GitGitlabGithub區別

Git 是一種版本控制系統,是一個命令,是一種工具 Github,Gitlab等產品都是第三方基於git這項技術開發的 Github 是一個基於git實現的線上程式碼倉庫,包含一個網站介面,向網際網路開放 Gitlab 是一個基於git實現的線上程式碼倉庫軟體,你可以用git

web前端學習(三)css學習筆記部分(5)-- CSS動畫--頁面特效HTMLCSS3簡單頁面效果實例

key cti 樣式 描述 ans 轉換方法 動畫效果 ansi order CSS動畫--頁面特效部分內容目前僅僅觀看了解內容,記錄簡單筆記,之後工作了進行內容的補充 7. CSS動畫--頁面特效 7.1 2D、3D轉換   7.1.1 通過CSS3轉換,我們能夠對

12closeshutdown區別

 close終止了資料傳送的兩個方向。  shutdown可以有選擇的終止某個方向的資料傳送或者終止資料傳送的兩個方向。  shutdown how=1就可以保證對等方接收到一個EOF字元,而不管其他程序是否已經打開了套接字。而close不能保證,直到套

C#之基礎篇①(VS快捷鍵WriteLine()Write()區別ReadKey()ReadLine()區別double,float,decimal區別

     今天我們來分享一下VS視訊中第一講內容,這篇內容主要分享的是VS工具的使用以及簡單的資訊顯示、變數宣告。 一、導圖類: 二、程式碼類 2.1、顯示資訊 Console.WriteLine("************

感知器logisticsvm 區別聯絡

從感知器談起 對於典型的二分類問題,線性分類器的目的就是找一個超平面把正負兩類分開。對於這個超平面,我們可以用下面的式子來表示, ωTx+b=0 感知器是最簡單的一種線性分類器。用f(x)表示分類函式,感知器可以如下來表示。 f(x)=sign(ωTx+

apachejettytomcat區別

一、Apache與Tomcat Apache是Web伺服器(靜態解析,如HTML),Tomcat是Java應用伺服器(動態解析,如JSP)。 Tomcat是一個Servlet(JSP)容器,是Apache的擴充套件,可以獨立於Apache執行。 Apache是普通Web伺服器,只支援ht

藍芽紅外線wifi 區別以及不同頻段無線電磁波的穿牆和繞過障礙物能力(轉)

電磁波按波長由大到小的順序為:無線電波、紅外線、可見光、紫外線、X射線、γ射線 以下是幾種常見的電磁波交流電:波長可達數千公里 (如果需要,還可以製造出波長更長的.總之理論上 無上限)  無線電波:長波(波長在幾公里至幾十公里);中波(波長約在3公里至約50米);短波(波

XHTMLCSSjavascript入門經典_第七章 層疊樣式表

CSS規則組成 CSS控制文字外觀 CSS如何基於Box Model 7.1CSS簡介     CSS規則:         1.選擇器:指定宣告應用於哪個或那些元素(不同元素之間用逗號隔開)         2.宣告:控制元素顯示方式的一個或多個屬性(屬性:值;若沒有最

javaweb面試總結(四分散式事務CAP原理和BASE思想JDBC事務和JTA事務的區別2PCTCC區別

CAP原理和BASE思想: http://www.jdon.com/37625分散式事務如何處理?解決方案有很多種!比如事務補償機制:即在事務鏈中的任何一個正向事務操作,都必須存在一個完全符合回滾規則的可逆事務。或者利用訊息系統實現最終一致性;----------------

Spring MVC中WebMvcConfigurerAdapterWebMvcConfigurationSupportWebMvcConfigurer區別

最近參考書籍《Spring Boot實戰——Java EE開發的顛覆者》使用Spring Boot(2.0)搭建Spring MVC(5.0)專案進行配置時候,發現WebMvcConfigurerAdapter已過時檢視原始碼發現WebMvcConfigurerAdapter

HashMapHashTableConcurrentHashMap區別

執行緒不安全的HashMap  在多執行緒環境下,使用HashMap進行put操作會引起死迴圈,導致CPU利用率接近100%,所以在併發情況下不能使用HashMap。例如,執行如下程式碼會引起死迴圈。f

StringStringBufferStringBuilder區別

(1)區別String內容不可變,StringBuffer和StringBuilder內容可變;StringBuilder非執行緒安全(單執行緒使用),String與StringBuffer執行緒安全(多執行緒使用);如果程式不是多執行緒的,那麼使用StringBuilder