本書旨在讓讀者掌握一個非常重要的觀念玻熙,那就是:
- 更精簡的代碼
- 增強的可用性
- 更加容易維護(hù)
讓所有瀏覽器都能應(yīng)用html5元素
如今html5非常的流行捻爷,可是只有一些比較新的瀏覽器可以識別并且應(yīng)用它。一些低版本的瀏覽器不能識別html5元素,這個真心搞得人很不爽,不過現(xiàn)在有了解決辦法了。
最簡單的方法是使用Remy Sharp編寫的一個簡單的JavaScript shim却舀,網(wǎng)址在這里:http://remysharp.com/2009/01/07/html5-enabling-script/。
具體的方法是:將下面顯示的代碼添加到文檔的<head>中锤灿,就可以為IE8及更低版本從Google加載該工具挽拔,從而可以在IE中使用這些新的html5元素。
<!-- enable HTML5 elements in IE7+8 -->
<!-- [if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif] -->
重置樣式
瀏覽器通常會默認(rèn)應(yīng)用外邊距但校、內(nèi)邊距的其他一些樣式螃诅,而且不同的瀏覽器的規(guī)則是不一樣的。所以如果不重置樣式的話状囱,做出來的網(wǎng)頁會在不同的瀏覽器顯示不同的效果术裸。
為了消除它們的影響,這里我介紹一個重置樣式表亭枷,它們是一組css規(guī)則袭艺,為設(shè)置頁面的樣式建立了一個統(tǒng)一的基礎(chǔ)。
重置樣式位于其他所有樣式之前叨粘,如果沒有使用外部樣式表猾编,它們位于主樣式表的頂部;如果使用了外部樣式表宣鄙,則要先于其他樣式表連接進(jìn)來袍镀。
推薦使用Eric Meyer創(chuàng)建的重置樣式表,他會根據(jù)最新的情況及時進(jìn)行更新:http://meyerweb.com/eric/tools/css/reset/冻晤。
還需注意的是,在使用html5時绸吸,一些較早的瀏覽器不支持html5中的新元素鼻弧,所以要給一些元素加聲明diaplay:block;设江,這一點很重要。否則攘轩,在設(shè)置它們的樣式時可能會遇到一些奇怪的問題叉存。