無懈可擊的web設(shè)計學(xué)習(xí)筆記(一)

本書旨在讓讀者掌握一個非常重要的觀念,那就是:

  • 更精簡的代碼
  • 增強的可用性
  • 更加容易維護

讓所有瀏覽器都能應(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] -->

重置樣式

瀏覽器通常會默認應(yīng)用外邊距、內(nèi)邊距的其他一些樣式,而且不同的瀏覽器的規(guī)則是不一樣的。所以如果不重置樣式的話,做出來的網(wǎng)頁會在不同的瀏覽器顯示不同的效果。

為了消除它們的影響,這里我介紹一個重置樣式表,它們是一組css規(guī)則,為設(shè)置頁面的樣式建立了一個統(tǒng)一的基礎(chǔ)。

重置樣式位于其他所有樣式之前,如果沒有使用外部樣式表,它們位于主樣式表的頂部;如果使用了外部樣式表,則要先于其他樣式表連接進來。

推薦使用Eric Meyer創(chuàng)建的重置樣式表,他會根據(jù)最新的情況及時進行更新:http://meyerweb.com/eric/tools/css/reset/。

還需注意的是,在使用html5時,一些較早的瀏覽器不支持html5中的新元素,所以要給一些元素加聲明diaplay:block;,這一點很重要。否則,在設(shè)置它們的樣式時可能會遇到一些奇怪的問題。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 14,104評論 1 92
  • 因為有機會參與一個項目的早期設(shè)計,因此搭建的時候不可避免的遇到了如何滿足響應(yīng)式的問題。翻閱了《響應(yīng)式Web設(shè)計:H...
    tangyefei閱讀 6,714評論 2 90
  • 一:在制作一個Web應(yīng)用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術(shù)因素的...
    Arno_z閱讀 1,355評論 0 1
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,855評論 32 459
  • 轉(zhuǎn)自JAVA IO 以及 NIO 理解 一段話總結(jié):傳統(tǒng)io中從磁盤中中讀文件,并把文件通過網(wǎng)絡(luò)(socket)發(fā)...
    抓兔子的貓閱讀 1,430評論 0 4

友情鏈接更多精彩內(nèi)容