首頁源代碼淺析
一、瀏覽器兼容性

作為一個國際大公司的站點，保證能在不同瀏覽器下的可瀏覽性是必須考慮的，這點IBM的做法不得不令人佩服。它巧妙的利用一個ja;vascript(ibmcss.js)根據(jù)不同的瀏覽器選擇不同的樣式表，這也就是為什么我們直接打開保存在硬盤上的IBM頁面不能看到用樣式表定義的原因。
打開ibmcss.js，分析一下代碼，我們就可以發(fā)現(xiàn)IBM一共設計了四個樣式表: ie1.css , ie6.css , r1.css , ns1.css 。這四個樣式表大部分都相同，主要的區(qū)別在于字體大小(font-size)的單位：ie6 里用%,r1里用px,ns1里用pt。下面是同樣的一條樣式在不同css里的定義：

ie6.css: body { font-family: Arial, sans-serif; font-size: 78%; }

r1.css :body,p,b,i,strong,em,dt,dd,dl,sl,caption,th,td,tr,u, blink,select, option,form,div,font,li { font-family: Arial, sans-serif; font- size: 12px; }

ns1.css: body,dt,dd,dl,sl,caption,th,td,tr,select,option,form,font { font-family: Arial, sans-serif; font-size: 9pt; }

而從對ibmcss.js里程序邏輯的分析可以得到下面樣式表和瀏覽器的對應關系：

r1.css : Macintosh IE4.0以上，Macintosh Netscape4.0以上，Netscape5.0以上，
X11 Netscape5.0以上 (Xwindows for linux or unix,I guest )
ie6.css: Windows IE4.0以上，
ns1.css: 其他操作系統(tǒng)Netscape4.0以上
ie1.css: 其他操作系統(tǒng)IE4.0以上

我分別在Windows XP+IE6.0和Linux Rat hat 7.1+NS4.7兩個環(huán)境下測試了這四個樣式表，在IE6里四個樣式表

都可以正常顯示，只是字體大小略有區(qū)別；而在NS4.7里，用ie1.css和ns1.css定義的頁面字體模糊不清，而用

r1.css和ie6.css顯示的頁面可以正常顯示。

同時，IBM也考慮到了部分瀏覽器不支持ja;vascript的情況，在ibmcss.js后緊跟了一句

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設、網(wǎng)站制作與策劃設計,竹溪網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設十載,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:竹溪等地區(qū)。竹溪做網(wǎng)站價格咨詢:13518219792

，對于不支持ja;vascript的瀏覽器將統(tǒng)一采用r1.css。不過這里有一點我不能理解的是為什么在head里面用了兩句同樣的

分享題目：網(wǎng)站建設中一個網(wǎng)頁到底包含了多少技術(shù)
轉(zhuǎn)載來源：http://aaarwkj.com/article16/seohdg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、云服務器、做網(wǎng)站、虛擬主機、網(wǎng)頁設計公司、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)