web前端 關於瀏覽器兼容的一些知識和問題解決

瀏覽器兼容

爲何產生瀏覽器兼容，瀏覽器兼容問題什麼是瀏覽器兼容；

所謂的瀏覽器兼容性問題，是指由於不一樣的瀏覽器對同一段代碼有不一樣的解析，形成頁面顯示效果不統一的狀況。

瀏覽器兼容產生的緣由；

由於不一樣瀏覽器使用內核及所支持的HTML等網頁語言標準不一樣。

以及用戶客戶端的環境不一樣（如分辨率不一樣）形成的顯示效果不能達到理想效果。

最多見的問題就是網頁元素位置混亂，錯位。

瀏覽器兼容問題以及怎麼解決

① . 不一樣瀏覽器的標籤默認的外補丁和內補丁不一樣

問題症狀：隨便寫幾個標籤，不加樣式控制的狀況下，各自的margin 和padding差別較大。

解決方案：CSS裏 *{margin:0;padding:0;}

② . 塊屬性標籤float後，又有橫行的margin狀況下，在IE6顯示margin比設置的大

問題症狀:常見症狀是IE6中後面的一塊被頂到下一行

解決方案：在float的標籤樣式控制中加入 display:inline;將其轉化爲行內屬性

③ . 設置較小高度標籤（通常小於10px），在IE6，IE7，遨遊中高度超出本身設置高度

問題症狀：IE六、7和遨遊裏這個標籤的高度不受控制，超出本身設置的高度

解決方案：給超出高度的標籤設置overflow:hidden;或者設置行高line-height 小於你設置的高度。

④ . 行內屬性標籤，設置display:block後採用float佈局，又有橫行的margin的狀況，IE6間距bug

問題症狀：IE6裏的間距比超過設置的間距

解決方案：在display:block;後面加入display:inline;display:table;

⑤ . 圖片默認有間距

問題症狀：幾個img標籤放在一塊兒的時候，有些瀏覽器會有默認的間距，加了問題一中提到的通配符也不起做用。

解決方案：使用float屬性爲img佈局 （個人一個學生使用負margin，雖然能解決，但負margin自己就是容易引發瀏覽器兼容問題的用法，因此我禁止他們使用）

⑥ . 標籤最低高度設置min-height不兼容

問題症狀：由於min-height自己就是一個不兼容的CSS屬性，因此設置min-height時不能很好的被各個瀏覽器兼容

解決方案：若是咱們要設置一個標籤的最小高度200px，須要進行的設置爲：{min-height:200px; height:auto !important; height:200px; overflow:visible;}

⑦ . 居中問題

問題症狀：div裏的內容，IE默認爲居中，而FF默認爲左對齊

解決方案：能夠嘗試增長代碼margin: 0 auto;

⑧ . margin加倍的問題

問題症狀：設置爲float的div在ie下設置的margin會加倍。這是一個ie6都存在的bug。

解決方案：在這個div裏面加上 display:inline;

⑨ . IE捉迷藏的問題

問題症狀：當div應用複雜的時候每一個欄中又有一些連接，這個時候容易發生捉迷藏的問題。 有些內容顯示不出來，當鼠標選擇這個區域是發現內容確實在頁面。

解決辦法：對#layout使用line-height屬性或者給#layout使用固定高和寬。頁面結構儘可能簡單。

以上是常見的瀏覽器兼容問題，還有不少，能夠本身去網上看！

瀏覽器內核

• Trident（IE內核）

• Gecko(Firefox內核)

• Webkit（谷歌、Safari、360極速瀏覽器以及搜狗高速瀏覽器）

WebKit內核常見的瀏覽器：傲遊瀏覽器三、[1] Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機瀏覽器、Android 默認瀏覽器

>Presto(Opera前內核) (已廢棄)

seo 搜索引擎優化

搜索引擎 百度 排名 搜索 ip pv

搜索引擎優化 百度專門給技術 提供優化方案 白皮書 百度競價 收費

前端做業面的時候 也會針對 seo 進行一系列優化

1 . 搜索引擎工做原理

當咱們在輸入框中輸入關鍵詞，點擊搜索或查詢時，而後獲得結果。深究其背後的故事，搜索引擎作了不少事情。

在搜索引擎網站，好比百度，在其後臺有一個很是龐大的數據庫，裏面存儲了海量的關鍵詞，而每一個關鍵詞又對應着不少網址，這些網址是百度程序從茫茫的互聯網上一點一點下載收集而來的，這些程序稱之爲「搜索引擎蜘蛛」或「網絡爬蟲」。這些勤勞的「蜘蛛」天天在互聯網上爬行，從一個連接到另外一個連接，下載其中的內容，進行分析提煉，找到其中的關鍵詞，若是「蜘蛛」認爲關鍵詞在數據庫中沒有而對用戶是有用的便存入數據庫。反之，若是「蜘蛛」認爲是垃圾信息或重複信息，就捨棄不要，繼續爬行，尋找最新的、有用的信息保存起來提供用戶搜索。當用戶搜索時，就能檢索出與關鍵字相關的網址顯示給訪客。

一個關鍵詞對用多個網址，所以就出現了排序的問題，相應的當與關鍵詞最吻合的網址就會排在前面了。在「蜘蛛」抓取網頁內容，提煉關鍵詞的這個過程當中，就存在一個問題：「蜘蛛」可否看懂。若是網站內容是flash和js，那麼它是看不懂的，會犯迷糊，即便關鍵字再貼切也沒用。相應的，若是網站內容是它的語言，那麼它便能看懂，它的語言即SEO。

http://www.cnblogs.com/EnSnai...

很早之前搜索引擎優化百度百度專門給技術人員提供優化方案，是一本白皮書。

2 . 搜索引擎工做原理

① . 抓取網頁。每一個獨立的搜索引擎都有本身的網頁抓取程序爬蟲（spider）。爬蟲Spider順着網頁中的超連接，從這個網站爬到另外一個網站，經過超連接分析連續訪問抓取更多網頁。被抓取的網頁被稱之爲網頁快照。因爲互聯網中超連接的應用很廣泛，理論上，從必定範圍的網頁出發，就能蒐集到絕大多數的網頁。

② . 處理網頁。搜索引擎抓到網頁後，還要作大量的預處理工做，才能提供檢索服務。其中，最重要的就是提取關鍵詞，創建索引庫和索引。其餘還包括去除重複網頁、分詞（中文）、判斷網頁類型、分析超連接、計算網頁的重要度/豐富度等。

③ . 提供檢索服務。用戶輸入關鍵詞進行檢索，搜索引擎從索引數據庫中找到匹配該關鍵詞的網頁；爲了用戶便於判斷，除了網頁標題和URL外，還會提供一段來自網頁的摘要以及其餘信息。

yahoo軍規

35條 http://www.cnblogs.com/xianyu...

css hack

http://blog.csdn.net/freshlov...

（ 待續 ………… ）