本書(shū)旨在讓讀者掌握一個(gè)非常重要的觀念,那就是:
- 更精簡(jiǎn)的代碼
- 增強(qiáng)的可用性
- 更加容易維護(hù)
讓所有瀏覽器都能應(yīng)用html5元素
如今html5非常的流行,可是只有一些比較新的瀏覽器可以識(shí)別并且應(yīng)用它。一些低版本的瀏覽器不能識(shí)別html5元素,這個(gè)真心搞得人很不爽,不過(guò)現(xiàn)在有了解決辦法了。
最簡(jiǎn)單的方法是使用Remy Sharp編寫(xiě)的一個(gè)簡(jiǎn)單的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] -->
重置樣式
瀏覽器通常會(huì)默認(rèn)應(yīng)用外邊距、內(nèi)邊距的其他一些樣式,而且不同的瀏覽器的規(guī)則是不一樣的。所以如果不重置樣式的話,做出來(lái)的網(wǎng)頁(yè)會(huì)在不同的瀏覽器顯示不同的效果。
為了消除它們的影響,這里我介紹一個(gè)重置樣式表,它們是一組css規(guī)則,為設(shè)置頁(yè)面的樣式建立了一個(gè)統(tǒng)一的基礎(chǔ)。
重置樣式位于其他所有樣式之前,如果沒(méi)有使用外部樣式表,它們位于主樣式表的頂部;如果使用了外部樣式表,則要先于其他樣式表連接進(jìn)來(lái)。
推薦使用Eric Meyer創(chuàng)建的重置樣式表,他會(huì)根據(jù)最新的情況及時(shí)進(jìn)行更新:http://meyerweb.com/eric/tools/css/reset/。
還需注意的是,在使用html5時(shí),一些較早的瀏覽器不支持html5中的新元素,所以要給一些元素加聲明diaplay:block;,這一點(diǎn)很重要。否則,在設(shè)置它們的樣式時(shí)可能會(huì)遇到一些奇怪的問(wèn)題。