html5 基礎知識

HTML5 and CSS3

HTML5提供了一些新的元素和屬性,例如<nav>(網站導航塊)和<footer>。這種標籤將有利於搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如<audio>和<video>標記。今天分享給你一篇html5和以往不一樣的地方的文章給你喔!

文章來源:http://www.w3cfuns.com/blog-5447928-5401243.html

 

1、取消了一些過時的HTML4標記
其中包括純粹顯示效果的標記,如<font>和<center>,它們已經被CSS取代。
HTML5 吸取了XHTML2 一些建議,包括一些用來改善文檔結構的功能,比如,新的HTML 標籤header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在實現這些功能時一般都是使用div。
2、將內容和展示分離
b 和i 標籤依然保留,但它們的意義已經和之前有所不同,這些標籤的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。 u,font,center,strike 這些標籤則被完全去掉了。

 

3、一些全新的表單輸入對象
包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字符的支持。 HTML5 還引入了微數據,這一使用機器可以識別的標籤標註內容的方法,使語義Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更乾淨,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟件等更為友好。
4、全新的,更合理的Tag
多媒體對象將不再全部綁定在object或embed Tag 中,而是視頻有視頻的Tag,音頻有音頻的Tag。
5、本地數據庫
這個功能將內嵌一個本地的SQL 數據庫,以加速交互式搜索,緩存以及索引功能。同時,那些離線Web 程序也將因此獲益匪淺。不需要插件的豐富動畫。
6、Canvas 對象
將給瀏覽器帶來直接在上面繪製矢量圖的能力,這意味著用戶可以脫離Flash 和Silverlight,直接在瀏覽器中顯示圖形或動畫。
7、瀏覽器中的真正程序
將提供API 實現瀏覽器內的編輯,拖放,以及各種圖形用戶界面的能力。內容修飾Tag 將被剔除,而使用CSS。
8、Html5取代Flash在移動設備的地位。
9、其突出的特點就是強化了web頁的表現性,追加了本地數據庫,

 

HTML5添加了很多新元素及功能,比如: 圖形的繪製,多媒體內容,更好的頁面結構,更好的形式處理,和幾個api拖放元素,定位,包括網頁應用程序緩存,存儲,網絡工作者,等。
canvas

<canvas>標籤定義圖形,比如圖表和其他圖像。該標籤基於 JavaScript 的繪圖 API

 

多媒體

<audio>定義音頻內容
<video>定義視頻(video 或者 movie)
<source>定義多媒體資源 <video> 和 <audio>
定義嵌入的內容,比如插件。
<track>為諸如<vi​​deo> 和<audio> 元素之類的媒介規定外部文本軌道。

 

表單

<datalist>定義選項列表。請與input 元素配合使用該元素,來定義input 可能的值。
<keygen>規定用於表單的密鑰對生成器字段。
<output>定義不同類型的輸出,比如腳本的輸出。

 

語義和結構

HTML5提供了新的元素來創建更好的頁面結構:

<article>定義頁面的側邊欄內容
<aside>定義頁面內容之外的內容。
<bdi>允許您設置一段文本,使其脫離其父元素的文本方向設置。
<command>定義命令按鈕,比如單選按鈕、複選框或按鈕
<details>用於描述文檔或文檔某個部分的細節
<dialog>定義對話框,比如提示框
<summary>標籤包含 details 元素的標題
<figure>規定獨立的流內容(圖像、圖表、照片、代碼等等)。
<figcaption>定義 <figure> 元素的標題
<footer>定義 section 或 document 的頁腳。
<header>定義了文檔的頭部區域
<mark>定義帶有記號的文本。
<meter>定義度量衡。僅用於已知最大和最小值的度量。
<nav>定義運行中的進度(進程)。
<progress>定義任何類型的任務的進度。
<ruby>定義ruby 註釋(中文注音或字符)。
<rt>定義字符(中文注音或字符)的解釋或發音。
<rp>在ruby 註釋中使用,定義不支持ruby 元素的瀏覽器所顯示的內容。
<section>定義文檔中的節(section、區段)。
<time>定義日期或時間。
<wbr>規定在文本中的何處適合添加換行符。
已移除的元素

以下的HTML 4.01 元素在HTML5中已經被刪除:

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>

<noframes>

<strike>
<tt>

 

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s