濟南建網站知識,網站建設技術靈魂總結
Website news, Technical summary of soul
在濟南網站制作中,網站的兼容性問題一直都很重要,由于目前瀏覽器的多樣化,很多瀏覽器的內核核心都有所不同,所以導致目前市場上運用個瀏覽器的用戶也各有所同。
就拿微軟的IE來說,每個版本的IE對代碼的識別都不同,從最早的IE6到如今的IE8都有不同的用戶在用。前幾年在中國的市場上,很多盜版的裝機XP系統光盤都是自帶的IE6瀏覽器,大部分的用戶也不會或者不懂怎么對瀏覽器升級,導致目前在中國的市場上,很多人的電腦上的IE瀏覽器還是IE6的核心。當然也有部分的用戶使用IE7、IE8、IE9、火狐、360瀏覽器(才用的核心是電腦上IE的核心)等等各式各樣的瀏覽器。
我們作為濟南網站建設公司,在制作網站的時候一定要考慮任何一個有可能瀏覽本網站的用戶,我們不能肯定所有的用戶都是使用的同樣的瀏覽器,所以我們在網站制作的時候就要對網站的兼容性做出兼容,保證任何一個訪問該網站的人,都可以清晰、正確的看到網站內容,不會出現布局錯亂甚至是出現JS錯誤等現象。
一、使高版本的瀏覽器核心轉換成低版本的核心。
在網頁的<head></head>標簽中加入代碼:<meta http-equiv="x-ua-compatible" content="ie=7" />,這樣IE8瀏覽器表現出來的樣式就和IE7是一樣的了。
注意:此方法只適合高版本往低版本轉換。也就是說你在使用ie瀏覽器的時候,如果加入了<meta http-equiv="x-ua-compatible" content="ie=8" />這樣的代碼是沒有效果的。我們在實際應用中,基本也不會使用此代碼,因為這樣會違背W3C的標準。
二、CSS瀏覽器兼容性技巧。
①、如果在CSS中使用了float語句,最好在css中加入display:inline;,這樣的目的是避免在IE6和IE7中浮動產生margin的雙倍間距。
②、如果是父級的css,并且有border邊框顯示,記得在CSS中加入overflow:hidden;,這樣的目的是讓父級元素避免無法包含子元素,導致子元素超出父級元素的border。
③、如果在IE6中,父級元素無法被子元素擴充,在CSS中加入zoom:1;,這樣的目的是觸發IE6的Haslayout屬性,使得父級元素可以被子元素擴充。
④、如果在IE中使用了ul li dl dt dd這樣的列表元素,列表中又存在span標簽,會導致span標簽換行,這時候我們需要在css中給span元素和<a>標簽分別設置一個寬度,然后在進行左浮動和右浮動。
⑤、如果在IE中使用line-height沒有效果的時候,我們要在CSS中加入當前DIV的heigt屬性,這樣在IE中line-height就能有作用了。
⑥、如果要使用空白的話,我們最好不要使用margin進行空間的間隔,最好的辦法是使用:.blank {clear: both;height: 8px;line-height: 8px;visibility: hidden;}這樣一段代碼,這段代碼可以很方便的達到網頁空間的目的,非常好用。
⑦、如果需要清楚浮動濟南網站建設建議你使用這段代碼:.clear {clear: both;height: 0;margin: 0;overflow: hidden;padding: 0;}這段代碼,這也是很好用的。
三、瀏覽器的hack語法。
我們在寫CSS的時候, 有時會遇到CSS的hack的語法,最常見的寫法是:
①、如果只需要對IE6使用css的hack的話,可以在CSS屬性前面加一個_下劃線符號,如:height:10px;_height:20px;,這樣寫的話,瀏覽器解析出來就是除了IE6外的所有瀏覽器都是10px,IE6為20px;
②、只對IE6、IE7瀏覽器寫CSS的hack使用“*”,如:height:10px;*height:20px;,這樣寫的話就是除了IE6/7瀏覽器,別的瀏覽器解析出來都是10px;
③、兼容全部瀏覽器的hack寫法:
height:10px; //所有的瀏覽器
*height:20px; //IE瀏覽器
*height:30px !important; //IE7瀏覽器
height:40ox \9; //IE8瀏覽器
這樣寫是最全的方式,可以適合任何瀏覽器。
我們在書寫CSS的時候,最好能不用CSS的hack就不用,因為用這個是最后的辦法,這個方法大大增加了CSS的大小,還有不會符合W3C的標準。
濟南網站制作中,網頁瀏覽器兼容的方法常見的就是上面這些,但是就像我們說的,以上的這些方法,除了我們寫的第二大條,第一條和第三條能不用最好不要使用,因為如果網站不兼容了,我們首先要查找是不是CSS出現了一些問題,而不是一旦看到頁面不兼容了,就要去用CSS的hack方法去對不同瀏覽器寫CSS,這樣是非常不正確的。我們要在保證瀏覽器的兼容的基礎上,也要遵循W3C的標準,從而是的網站制作出來更加符合各大瀏覽器的標準,加載速度更快!本文由濟南網站建設公司-濟南騰飛網絡發布,轉載請注明:http://www.wh-haojing.com
公司地址:山東省濟南市東關大街中泰大廈 Copyright?2006-2020 www.wh-haojing.com. 濟南網站設計我們值得信賴. All rights reserved .
7x24小時服務熱線:15069066861 網站建設博客