DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> html5更簡化了
html5更簡化了
編輯:HTML5詳解     

對比一下XHtml 1.0 Transitional的規范,Html5基本上沒有XHtml 1.0 Transitional嚴格的要求,並且簡化了很多東西。

DTD / 文檔類型定義

文檔聲明更簡單了。Html 5中,您可以設置 文檔類型 只是說明(以任何形式,DTD是不區分大小

1
2
 
<!DOCTYPE Html>

與此相比,

1
2
3
<!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">

你會發現,Html 5 DTD是短得多,變得簡單了。

XMLns 屬性 / 命名空間

XMLns 屬性可以在文檔中定義一個或多個可供選擇的命名空間。該屬性可以放置在文檔內任何元素的開始標簽中。該屬性的值類似於 URL,它定義了一個命名空間,浏覽器會將此命名空間用於該屬性所在元素內的所有內容。

Html5不需要聲明命名空間

1
<html XMLns="http://www.w3.org/1999/xHtml" lang="en">

在Html5中,這樣寫:

1
<Html lang="en">
Encoding / 編碼

當您指定您的文檔的編碼,Html5 的編碼聲明使用起來就更容易,也更輕巧:

1
<meta charset="utf-8">

以前會這麼做:

1
<meta http-equiv="content-type" content="text/Html; charset=utf-8">

您的浏覽器通常都知道,它得使用Html處理。

type attributes / type 屬性

在今天的 Html 5 中,你可以去除聲明 MIME 類型的 type 屬性,比如

1
type="text/CSS"

1
type="text/Javascript"

你可以用

1
2
3
<script>
//寫一些腳本
</script>

替代

1
<script type="text/Javascript"></script>

1
2
3
<style>
/*寫一些樣式*/
</style>

替代

1
<style type="text/CSS"></style>

在所有類型的頁面中(甚至是 XHTHML)你可以省略

type="text/CSS"

Html 5 使這一切變得更簡單。

提示:在 Html 5 中,所有元素都不支持 style 屬性,如需為一個元素添加樣式,請在 style 元素中使用 scoped 屬性。

注釋:如果沒有定義 scoped 屬性,則 < style> 元素必須是 head 元素的子元素,或者是(屬於 head 元素的子元素的) noscript 元素的子元素。

async (and defer) / 用 Html 5 來提升性能

async (and defer) 屬性與將在與腳本元素一起使用。

要解釋為什麼這些屬性會提升性能,最好是看一下未使用時發生了什麼 — 各自的腳本在用戶代理(浏覽器,下同)繼續解析頁面前將被提取並直接執行,有時這個行為是我們想要的,有時不是。

新的 async 屬性允許各自的腳本在可用時異步執行。Html 4 中已經包含 defer 屬性,指出 defer “對用戶代理提供一個暗示:腳本不產生任何文檔內容(比如,在Javascript 中沒有 document.write ),這樣,用戶代理會繼續解析並渲染”。

如果不使用 async 屬性而只使用 defer,腳本在頁面解析完成時已經執行。即使指定了 async 屬性,也可同時指定defer 屬性。這使得那些舊的只理解defer 的浏覽器來回退 defer 行為而非默認的同步阻塞行為。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved