推薦：HTML5上傳文件顯示進度的實現代碼
下面我們使用Html 5的新特性file api實現上傳文件，并顯示上傳文件進度百分比。意圖是這樣的，當選擇文件時，顯示當前文件信息

眾所周知，HTML是互聯網有史以來最偉大的發明。這種超文本標記語言實際上是現代互聯網發展的一個基石，以它為中心出現了一個獨特的自給自足的體系。

當開發HTML5時，它的設計者們正面對著一些很重要的問題，希望能在HTML5里解決。其中的一個問題是，要創建一個真正簡潔明了而且易于擴展的語義。 目前這個問題中棘手的部分是老版本的HTML當時是以功能多樣的理念為目標設 – 大量的各種各樣的標記，當時認為都是一些基本的標記，但如今證明完全是沒有什么用途的。HTML5的目的就是要根據目前互聯網的狀況對其進行改進。

HTML5 的新標記
設計者們需要完成的任務是要給HTML5開發一個更豐富的和更有含義的語義 – 當然可以想象這種新方案將會是很靈活和很高效的，同時與所有的現代互聯網標準相適應。下面就是一些將要在HTML5里新加入的標記.

<article> 標記 定義一篇文章
<aside> 標記 定義頁面內容部分的側邊欄
<audio> 標記 定義音頻內容
<canvas> 標記 定義圖片
<command> 標記 定義一個命令按鈕
<datalist> 標記 定義一個下拉列表
<details> 標記 定義一個元素的詳細內容
<dialog> 標記 定義一個對話框(會話框)
<embed> 標記 定義外部的可交互的內容或插件
<figure> 標記 定義一組媒體內容以及它們的標題
<footer> 標記 定義一個頁面或一個區域的底部
<header> 標記 定義一個頁面或一個區域的頭部
<hgroup> 標記 定義文件中一個區塊的相關信息
<keygen> 標記 定義表單里一個生成的鍵值
<mark> 標記 定義有標記的文本
<meter> 標記 定義 measurement within a
predefined range
<nav> 標記 定義導航鏈接
<output> 標記 定義一些輸出類型
<progress> 標記 定義任務的過程
<rp> 標記是用在Ruby annotations 告訴那些不支持 Ruby 元素的瀏覽器如何去顯示
<rt> 標記 定義對ruby
annotations的解釋
<ruby> 標記 定義 ruby annotations.
<section> 標記 定義一個區域
<source> 標記 定義媒體資源
<time> 標記 定義一個日期/時間
<video> 標記 定義一個視頻
希望所有的這些標記都能成為真正”有生命力“的和有用的標記，而不是只是今天看來是很酷的標記。

HTML5 的減負 – 舊的標記，永別了…
你是否很記得那個古老的年代，HTML3被當成一種只能在Netscape里運行的神奇的東西？是的，那就是互聯網時代的黎明初現。我們當然不會忘記那段歷史，但向一些優秀的卻陳舊的東西說再見也是合乎情理的（特別是當它們目前不被認為那么好用，或已沒有人再注意它們的時候時）。

因此，HTML5的設計者們廢除了一些老的標記，因為這些標準只有那些HTML怪才才會使用，也因為這些標記已經完全失去用處，新的HTML標記里將不會再包括它們 – 我想我們應該就此感謝這些設計者們。 畢竟是這些標記實在是太老舊了，以至于可以想象，20年后我們的孩子們會認為只有莎士比亞在他的十四行詩里才會用到。不管怎樣，還是讓我們到互聯網博物館里再看它們一眼吧（真有這樣的博物館嗎？）。

<acronym> 標記 定義 an acronym.
<applet> 標記 定義 an embedded applet.
<basefont> tag specifies a default
font-color, font-size, or font-family for all the text in a document.
<big> tag is used to format the text one
size bigger, and can be in relation to your <font> or
<basefont> size, if you’ve specified either one.
<center> tag is used to center text.
<dir> tag is used to list directory titles.
<font> tag specifies the font face, font
size, and font color of text.
<frame> 標記 定義 one particular window
(frame) within a frameset.
<frameset> 標記 定義 a frameset. The
frameset element holds two or more frame elements. Each frame element
holds a separate document.
<s> and <strike> tags
define strikethrough text.
<tt> tag is used for “typetype” text, or
fixed-width typewriter-type font. Other than the different type style,
it has normal font characteristics
<u> tag is used to underline text.
這些標記基本上都沒有什么用處了（也許你會覺得有幾個標記和HTML5里的新標記有些相似）。其中一些我們在早期的舊版的瀏覽器里使用過，但如今已經失去其作用，而另一些標記的功能已經被CSS功能所取代了（例如設置字體和文本樣式的標記）。

關于 <DIV> 標記的重要問題
使用新標記替換掉 <div> 標記是HTML5在語義方面的主要成就。這 <div> 標記是HTML4里是一個重要的（現在仍是）的標記，在HTML里被廣泛使用，但是它所表達的語義太弱，在聲明網頁組織結構里不同的區塊的任務面前它毫無用武之地。新的HTML5標記 – 例如 <article>, <aside>, <nav>, <figure>, <header>, <footer> – 會更有用和更方便，這些標記能夠讓你指明網頁不同區域的用途，清楚的顯示網站的結構。這意味著即使你是個新手或中等的程序員，僅依據HTML代碼就能清楚的了解整個頁面的結構 – 更值得一提的是搜索引擎將會因為能如此方便的解析頁面的結構而會高興的發狂的。

對我們有什么好處？
關于新標記和語義的價值的討論已經很多，有些人認為這些語義以及可視化表現方式沒有任何意義 – 因為它們帶來的是更復雜的代碼，創造了使用這些新HTML代碼犯新錯誤的機會，HTML5新語義的價值在于提升了網站用戶和這些技術之間的交互和協作的水平，這是使互聯網前進的原因。

同樣的道理 – 我們應該明白，就像HTML5給我們的感覺是那樣酷一樣，人們在其上付出了很多的努力，對未來5年互聯網的發展寄予厚望。 今天，這些新標記和語義看起來的確是很棒，我們都很喜歡，但別忘了，任何東西都是在不斷變化著來適應人們的需求，新的語言特征必須依賴于人們的使用，互聯網社區的大量使用 – 只有這樣才能使單純的新事物變成有用的新事物。

分享：input file上傳文件樣式支持html5的瀏覽器解決方案
最近在使用file上傳控件，發現了file上傳控件的兩個兼容性問題:一個是file上傳控件在火狐下無法通過css改變width，另一個是file上傳控件在不同的瀏覽器下的外觀和行為都不一樣,本文將提供詳細的解決方案