什么HTML5??最近好像挺火的？？

HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本，現(xiàn)在仍處于發(fā)展階段，但大部分瀏覽器已經(jīng)支持某些 HTML5 技術(shù)。HTML 5有兩大特點(diǎn)：首先，強(qiáng)化了 Web 網(wǎng)頁的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫等 Web 應(yīng)用的功能。廣義論及HTML5時(shí)，實(shí)際指的是包括HTML、CSS和JavaScript在內(nèi)的一套技術(shù)組合。它希望能夠減少瀏覽器對于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，并且提供更多能有效增強(qiáng)網(wǎng)絡(luò)應(yīng)用的標(biāo)準(zhǔn)集。

我們提供的服務(wù)有：成都網(wǎng)站制作、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、新蔡ssl等。為成百上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的新蔡網(wǎng)站制作公司

HTML的特性

A. 語義特性（Class：Semantic）

HTML5賦予網(wǎng)頁更好的意義和結(jié)構(gòu)。更加豐富的標(biāo)簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對程序、對用戶都更有價(jià)值的數(shù)據(jù)驅(qū)動的Web。

B. 本地存儲特性（Class: OFFLINE STORAGE）

基于HTML5開發(fā)的網(wǎng)頁APP擁有更短的啟動時(shí)間，更快的聯(lián)網(wǎng)速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術(shù)之一） 和API說明文檔。

C. 設(shè)備兼容特性 (Class: DEVICE ACCESS)

從Geolocation 功能的API文檔公開以來，HTML5為網(wǎng)頁應(yīng)用開發(fā)者們提供了更多功能上的優(yōu)化選擇，帶來了更多體驗(yàn)功能的優(yōu)勢。HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口。使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)

D. 連接特性（Class: CONNECTIVITY）

更有效的連接工作效率，使得基于頁面的實(shí)時(shí)聊天，更快速的網(wǎng)頁游戲體驗(yàn)，更優(yōu)化的在線交流得到了實(shí)現(xiàn)。HTML5擁有更有效的服務(wù)器推送技術(shù)，Server-Sent Event和WebSockets就是其中的兩個(gè)特性，這兩個(gè)特性能夠幫助我們實(shí)現(xiàn)服務(wù)器將數(shù)據(jù)’推送’到客戶端的功能。

E. 網(wǎng)頁多媒體特性(Class: MULTIMEDIA)

支持網(wǎng)頁端的Audio、Video等多媒體功能， 與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。

F. 三維、圖形及特效特性（Class: 3D, Graphics Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現(xiàn)的驚人視覺效果。

G. 性能與集成特性（Class: Performance Integration）

沒有用戶會永遠(yuǎn)等待你的Loading——HTML5會通過XMLHttpRequest2等技術(shù)，幫助您的Web應(yīng)用和網(wǎng)站在多樣化的環(huán)境中更快速的工作。

H. CSS3特性(Class: CSS3)

在不犧牲性能和語義結(jié)構(gòu)的前提下，CSS3中提供了更多的風(fēng)格和更強(qiáng)的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。

Html 5與Html 4的區(qū)別

A.簡化的語法

更簡單的doctype聲明是HTML5里眾多新特征之一?，F(xiàn)在你只需要寫，這就行了。HTML5的語法兼容HTML4和XHTML1，但不兼容SGML。

B. 一個(gè)替代Flash的新”canvas”標(biāo)記

對于Web用戶來說，F(xiàn)lash既是一個(gè)驚喜，也是一種痛苦。有很多的Web開發(fā)人員對HTML5對Flash產(chǎn)生的威脅很不滿。但對于那些忍受著要花幾年時(shí)間加載和運(yùn)行的臃腫的Flash視頻的人來說，用新的 “canvas” 標(biāo)記生成視頻的技術(shù)已經(jīng)到來。

目前， “canvas” 標(biāo)記并不能提供所有的Flash具有的功能，但假以時(shí)日，F(xiàn)lash必將從web上淘汰。我們拭目以待，因?yàn)楹芏嗳诉€并不認(rèn)同這種觀點(diǎn)。

C. 新的 “header” 和 “footer” 標(biāo)記

HTML5的設(shè)計(jì)是要更好的描繪網(wǎng)站的解剖結(jié)構(gòu)。這就是為什么這些”header” 和”footer” 等新標(biāo)記的出現(xiàn)，它們是專門為標(biāo)志網(wǎng)站的這些部分設(shè)計(jì)的。在開發(fā)網(wǎng)站時(shí)，你不在需要用”div”標(biāo)記來標(biāo)注網(wǎng)頁的這些部分。

D. 新的 “section” 和 “article” 標(biāo)記

跟”header” 和 “footer”標(biāo)記類似，HTML5中引入的新的”section” 和 “article” 標(biāo)記可以讓開發(fā)人員更好的標(biāo)注頁面上的這些區(qū)域。

據(jù)推測，除了讓代碼更有組織外，它也能改善SEO效果，能讓搜索引擎更容易的分析你的頁面。

E.新的 “menu” 和 “figure” 標(biāo)記

新的”menu”標(biāo)記可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁面上并不常用。類似的，新的 “figure” 標(biāo)記是一種更專業(yè)的管理頁面上文字和圖像的方式。當(dāng)然，你可以用樣式表來控制文字和圖像，但使用HTML5內(nèi)置的這個(gè)標(biāo)記更適合。

F. 新的 “audio” 和 “video” 標(biāo)記

新的”audio” 和 “video” 標(biāo)記可能是HTML5中增加的最有用處的兩個(gè)東西了。正如標(biāo)記名稱，它們是用來嵌入音頻和視頻文件的。

除此之外還有一些新的多媒體的標(biāo)記和屬性，例如”track”，它是用來提供跟蹤視頻的文字信息的。有了這些標(biāo)記，HTML5使Web2.0特征變得越來越友好。問題在于，在HTML5還未被廣泛的接受之前，Web2.0還是老的Web2.0。

G. 全新的表單設(shè)計(jì)

新的 “form” 和 “forminput” 標(biāo)記對原有的表單元素進(jìn)行的全新的修改，它們有很多的新屬性(以及一些修改)。如果你經(jīng)常的開發(fā)表單，你應(yīng)該花時(shí)間更詳細(xì)的研究一下。

H. 不再使用 “b” 和 “font” 標(biāo)記

對我個(gè)人來說，這是一個(gè)讓我不太理解的改動。我并不認(rèn)為去除 “b” 和 “font”標(biāo)記會帶來多大的好處。我知道，官方的指導(dǎo)說這些標(biāo)記可以通過CSS來做更好的處理，但這樣一來，為了在文章一兩個(gè)地方出現(xiàn)的這種標(biāo)記，你就需要在獨(dú)立的css和文本兩個(gè)地方來實(shí)現(xiàn)這一的功能，豈不笨拙。也許我們以后會習(xí)慣這種方法。

i. 不再使用 “frame”, “center”, “big” 標(biāo)記

事實(shí)上，我已經(jīng)記不清曾經(jīng)何時(shí)用過這些標(biāo)記了，所以，我并不為去除這些標(biāo)記感到悲哀。相同的原因，有更好的標(biāo)記能實(shí)現(xiàn)它們的功能——這很好，任何作廢的標(biāo)記從標(biāo)準(zhǔn)中剔除都是受歡迎的。

改進(jìn)與沿革

HTML5提供了一些新的元素和屬性，例如nav（網(wǎng)站導(dǎo)航塊）和footer。這種標(biāo)簽將有利于搜索引擎的索引整理，同時(shí)更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如audio和video標(biāo)記。

1.取消了一些過時(shí)的HTML4標(biāo)記

其中包括純粹顯示效果的標(biāo)記，如font和center，它們已經(jīng)被CSS取代。

HTML5 吸取了XHTML2 一些建議，包括一些用來改善文檔結(jié)構(gòu)的功能，比如，新的HTML 標(biāo)簽 header, footer, dialog, aside, figure 等的使用，將使內(nèi)容創(chuàng)作者更加語義地創(chuàng)建文檔，之前的開發(fā)者在實(shí)現(xiàn)這些功能時(shí)一般都是使用div。

2.將內(nèi)容和展示分離

b 和 i 標(biāo)簽依然保留，但它們的意義已經(jīng)和之前有所不同，這些標(biāo)簽的意義只是為了將一段文字標(biāo)識出來，而不是為了為它們設(shè)置粗體或斜體式樣。u，font，center，strike 這些標(biāo)簽則被完全去掉了。

3.一些全新的表單輸入對象

包括日期，URL，Email 地址，其它的對象則增加了對非拉丁字符的支持。HTML5 還引入了微數(shù)據(jù)，這一使用機(jī)器可以識別的標(biāo)簽標(biāo)注內(nèi)容的方法，使語義Web 的處理更為簡單?？偟膩碚f，這些與結(jié)構(gòu)有關(guān)的改進(jìn)使內(nèi)容創(chuàng)建者可以創(chuàng)建更干凈，更容易管理的網(wǎng)頁，這樣的網(wǎng)頁對搜索引擎，對讀屏軟件等更為友好。

4.全新的，更合理的Tag

多媒體對象將不再全部綁定在 object 或 embed Tag 中，而是視頻有視頻的Tag，音頻有音頻的 Tag。

5.本地?cái)?shù)據(jù)庫

這個(gè)功能將內(nèi)嵌一個(gè)本地的SQL 數(shù)據(jù)庫，以加速交互式搜索，緩存以及索引功能。同時(shí)，那些離線Web 程序也將因此獲益匪淺。不需要插件的富動畫。

6.Canvas 對象

將給瀏覽器帶來直接在上面繪制矢量圖的能力，這意味著用戶可以脫離Flash 和Silverlight，直接在瀏覽器中顯示圖形或動畫。

7.瀏覽器中的真正程序

將提供 API 實(shí)現(xiàn)瀏覽器內(nèi)的編輯，拖放，以及各種圖形用戶界面的能力。內(nèi)容修飾Tag 將被剔除，而使用CSS。

8.Html5取代Flash在移動設(shè)備的地位。

重要標(biāo)記

video標(biāo)記

定義和用法：

video 標(biāo)簽定義視頻，比如電影片段或其他視頻流。

audio 標(biāo)記

定義和用法

audio 標(biāo)簽定義聲音，比如音樂或其他音頻流。

實(shí)例：

一段簡單的HTML 5 音頻

audio src="someaudio.wav"

您的瀏覽器不支持 audio 標(biāo)簽。

/audio

canvas 標(biāo)記

定義和用法：

canvas 標(biāo)簽定義圖形，比如圖表和其他圖像。

HTML5 的 canvas 元素使用JavaScript 在網(wǎng)頁上繪制圖像。

畫布是一個(gè)矩形區(qū)域，您可以控制其每一像素。

canvas 擁有多種繪制路徑、矩形、圓形、字符以及添加圖像的方法。

實(shí)例：

通過 canvas 元素來顯示一個(gè)紅色的矩形：

canvas id="myCanvas"/canvas

script type="text/javascript"

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);

/script

程序接口

除了原先的DOM接口，

HTML5增加了更多API,如：

1． 用于即時(shí)2D繪圖的Canvas標(biāo)簽

2． 定時(shí)媒體回放

3． 離線數(shù)據(jù)庫存儲

4． 文檔編輯

5． 拖拽控制

6． 瀏覽歷史管理

元素變化

新的解析順序新的元素：section, video, progress, nav, meter, time, aside, canvasinput

元素的新屬性：日期和時(shí)間，email, url。

新的通用屬性：ping, charset, async

全域?qū)傩裕篿d, tabindex, repeat。

移除元素：center, font, strike。

異常處理

HTML5 (text/html) 瀏覽器將在錯(cuò)誤語法的處理上更加靈活。HTML5 在設(shè)計(jì)時(shí)保證舊的瀏覽器能夠安全的忽略掉新的HTML5代碼。與HTML4.01相比，HTML5 給出了解析的詳細(xì)規(guī)則，力圖讓不同的瀏覽器即使在發(fā)生語法錯(cuò)誤時(shí)也能返回相同的結(jié)果。

html5 textarea內(nèi)的文字怎么美化

其實(shí)代碼很簡單：

div class="durl" id="box" contenteditable="true"

例：a class="dlink" href="" target="_blank";/a

/div

重點(diǎn)是這句contenteditable="true"

contentEditable　html中的一個(gè)屬性。設(shè)置html的contentEditable=‘true’時(shí)，即可開啟該元素的編輯模式。

Html中的contentEditable的屬性可以打開某些元素的可編輯狀態(tài)．也許你沒用過contentEditable屬性．甚至從未聽說過．contentEditable的作用相當(dāng)神奇．可以讓div或整個(gè)網(wǎng)頁，以及span等等元素設(shè)置為可寫。我們最常用的輸入文本內(nèi)容便是input與textarea 　使用contentEditable屬性后，可以在div,table,p,span,body,等等很多元素中輸入內(nèi)容．

如果想要整個(gè)網(wǎng)頁可編輯，請?jiān)赽ody標(biāo)簽內(nèi)設(shè)置contentEditable

contentEditable已在html5標(biāo)準(zhǔn)中得到有效的支持。

在IE8下設(shè)置表格可寫不支持，其他元素沒有問題。在FireFox運(yùn)行一切正常。谷歌瀏覽器運(yùn)行一切正常

contentEditable已在html5標(biāo)準(zhǔn)中得到有效的支持。

在IE8下設(shè)置表格可寫不支持，其他元素沒有問題。在FireFox運(yùn)行一切正常。谷歌瀏覽器運(yùn)行一切正常

如何使用javascript在html5上實(shí)現(xiàn)讀取text文件并進(jìn)行實(shí)時(shí)顯示

你需要在本地架設(shè)網(wǎng)絡(luò)環(huán)境，可以用nginx做個(gè)靜態(tài)的服務(wù)，把要請求的txt放到服務(wù)目錄里。就可以通過http請求了。

HTML5表單里的text和search有什么區(qū)別

input 表示文本輸入框，type參數(shù)是文本框的類型，“text”是普通的文本框，要是“password”就表示密碼輸入框，不顯示輸入的內(nèi)容，要是“button”就說明是個(gè)按鈕。class參數(shù)是文本框的樣式，一般都是調(diào)用自己css樣式表里定義好的樣式。name參數(shù)就是文本框的名字，當(dāng)在form中提交文本框的內(nèi)容時(shí)，是要用到這個(gè)參數(shù)獲得值的。例如獲得密碼。

search的話form表單里有多個(gè)submit是一樣的，你可以嘗試著用js監(jiān)聽另外一個(gè)search

html5中怎么把text文本框縮短到1/3

input name="" type="text" style="width:200px; height:20px;" / 里面width是寬度。自己看著調(diào)整到你想要的寬度

html5新增的表單元素有哪些

html5新增的表單元素有以下幾種：

datalist，keygen，output三種無素。

1.datalist 元素

datalist 元素規(guī)定輸入域的選項(xiàng)列表。

列表是通過 datalist 內(nèi)的 option 元素創(chuàng)建的。

如需把 datalist 綁定到輸入域，請用輸入域的 list 屬性引用 datalist 的 id。

2.keygen 元素

keygen 元素的作用是提供一種驗(yàn)證用戶的可靠方法。

keygen 元素是密鑰對生成器（key-pair generator）。當(dāng)提交表單時(shí)，會生成兩個(gè)鍵，一個(gè)是私鑰，一個(gè)公鑰。

私鑰（private key）存儲于客戶端，公鑰（public key）則被發(fā)送到服務(wù)器。公鑰可用于之后驗(yàn)證用戶的客戶端證書（client certificate）。

3.output 元素

output 元素用于不同類型的輸出，比如計(jì)算或腳本輸出。

根據(jù)具體問題類型，進(jìn)行步驟拆解／原因原理分析／內(nèi)容拓展等。

具體步驟如下：／導(dǎo)致這種情況的原因主要是……

新聞標(biāo)題：包含html5text的詞條
路徑分享：http://jinyejixie.com/article20/dsdgcjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、手機(jī)網(wǎng)站建設(shè)、做網(wǎng)站、Google、關(guān)鍵詞優(yōu)化、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)