成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

web前端 關(guān)于瀏覽器兼容的一些知識(shí)和問(wèn)題解決

daydream / 1303人閱讀

摘要：瀏覽器兼容產(chǎn)生的原因因?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的等網(wǎng)頁(yè)語(yǔ)言標(biāo)準(zhǔn)不同。很早以前搜索引擎優(yōu)化百度百度專(zhuān)門(mén)給技術(shù)人員提供優(yōu)化方案，是一本白皮書(shū)。被抓取的網(wǎng)頁(yè)被稱(chēng)之為網(wǎng)頁(yè)快照。

瀏覽器兼容 為什么產(chǎn)生瀏覽器兼容，瀏覽器兼容問(wèn)題什么是瀏覽器兼容；

所謂的瀏覽器兼容性問(wèn)題，是指因?yàn)椴煌臑g覽器對(duì)同一段代碼有不同的解析，造成頁(yè)面顯示效果不統(tǒng)一的情況。

瀏覽器兼容產(chǎn)生的原因；

因?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的HTML等網(wǎng)頁(yè)語(yǔ)言標(biāo)準(zhǔn)不同。

以及用戶(hù)客戶(hù)端的環(huán)境不同（如分辨率不同）造成的顯示效果不能達(dá)到理想效果。

最常見(jiàn)的問(wèn)題就是網(wǎng)頁(yè)元素位置混亂，錯(cuò)位。

瀏覽器兼容問(wèn)題以及怎么解決 ① . 不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)丁和內(nèi)補(bǔ)丁不同

問(wèn)題癥狀：隨便寫(xiě)幾個(gè)標(biāo)簽，不加樣式控制的情況下，各自的margin 和padding差異較大。

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

② . 塊屬性標(biāo)簽float后，又有橫行的margin情況下，在IE6顯示margin比設(shè)置的大

問(wèn)題癥狀:常見(jiàn)癥狀是IE6中后面的一塊被頂?shù)较乱恍?/p>

解決方案：在float的標(biāo)簽樣式控制中加入 display:inline;將其轉(zhuǎn)化為行內(nèi)屬性

③ . 設(shè)置較小高度標(biāo)簽（一般小于10px），在IE6，IE7，遨游中高度超出自己設(shè)置高度

問(wèn)題癥狀：IE6、7和遨游里這個(gè)標(biāo)簽的高度不受控制，超出自己設(shè)置的高度

解決方案：給超出高度的標(biāo)簽設(shè)置overflow:hidden;或者設(shè)置行高line-height 小于你設(shè)置的高度。

④ . 行內(nèi)屬性標(biāo)簽，設(shè)置display:block后采用float布局，又有橫行的margin的情況，IE6間距bug

問(wèn)題癥狀：IE6里的間距比超過(guò)設(shè)置的間距

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

⑤ . 圖片默認(rèn)有間距

問(wèn)題癥狀：幾個(gè)img標(biāo)簽放在一起的時(shí)候，有些瀏覽器會(huì)有默認(rèn)的間距，加了問(wèn)題一中提到的通配符也不起作用。

解決方案：使用float屬性為img布局 （我的一個(gè)學(xué)生使用負(fù)margin，雖然能解決，但負(fù)margin本身就是容易引起瀏覽器兼容問(wèn)題的用法，所以我禁止他們使用）

⑥ . 標(biāo)簽最低高度設(shè)置min-height不兼容

問(wèn)題癥狀：因?yàn)閙in-height本身就是一個(gè)不兼容的CSS屬性，所以設(shè)置min-height時(shí)不能很好的被各個(gè)瀏覽器兼容

解決方案：如果我們要設(shè)置一個(gè)標(biāo)簽的最小高度200px，需要進(jìn)行的設(shè)置為：{min-height:200px; height:auto !important; height:200px; overflow:visible;}

⑦ . 居中問(wèn)題

問(wèn)題癥狀：div里的內(nèi)容，IE默認(rèn)為居中，而FF默認(rèn)為左對(duì)齊

解決方案：可以嘗試增加代碼margin: 0 auto;

⑧ . margin加倍的問(wèn)題

問(wèn)題癥狀：設(shè)置為float的div在ie下設(shè)置的margin會(huì)加倍。這是一個(gè)ie6都存在的bug。

解決方案：在這個(gè)div里面加上 display:inline;

⑨ . IE捉迷藏的問(wèn)題

問(wèn)題癥狀：當(dāng)div應(yīng)用復(fù)雜的時(shí)候每個(gè)欄中又有一些鏈接，這個(gè)時(shí)候容易發(fā)生捉迷藏的問(wèn)題。 有些內(nèi)容顯示不出來(lái)，當(dāng)鼠標(biāo)選擇這個(gè)區(qū)域是發(fā)現(xiàn)內(nèi)容確實(shí)在頁(yè)面。

解決辦法：對(duì)#layout使用line-height屬性或者給#layout使用固定高和寬。頁(yè)面結(jié)構(gòu)盡量簡(jiǎn)單。

以上是常見(jiàn)的瀏覽器兼容問(wèn)題，還有很多，可以自己去網(wǎng)上看！
瀏覽器內(nèi)核

Trident（IE內(nèi)核）

Gecko(Firefox內(nèi)核)

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

WebKit內(nèi)核常見(jiàn)的瀏覽器：傲游瀏覽器3、[1] Apple Safari (Win/Mac/iPhone/iPad)、Symbian手機(jī)瀏覽器、Android 默認(rèn)瀏覽器

>Presto(Opera前內(nèi)核) (已廢棄)
seo 搜索引擎優(yōu)化

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

搜索引擎優(yōu)化 百度專(zhuān)門(mén)給技術(shù) 提供優(yōu)化方案 白皮書(shū) 百度競(jìng)價(jià) 收費(fèi)

前端作業(yè)面的時(shí)候 也會(huì)針對(duì) seo 進(jìn)行一系列優(yōu)化

1 . 搜索引擎工作原理

當(dāng)我們?cè)谳斎肟蛑休斎腙P(guān)鍵詞，點(diǎn)擊搜索或查詢(xún)時(shí)，然后得到結(jié)果。深究其背后的故事，搜索引擎做了很多事情。

在搜索引擎網(wǎng)站，比如百度，在其后臺(tái)有一個(gè)非常龐大的數(shù)據(jù)庫(kù)，里面存儲(chǔ)了海量的關(guān)鍵詞，而每個(gè)關(guān)鍵詞又對(duì)應(yīng)著很多網(wǎng)址，這些網(wǎng)址是百度程序從茫茫的互聯(lián)網(wǎng)上一點(diǎn)一點(diǎn)下載收集而來(lái)的，這些程序稱(chēng)之為“搜索引擎蜘蛛”或“網(wǎng)絡(luò)爬蟲(chóng)”。這些勤勞的“蜘蛛”每天在互聯(lián)網(wǎng)上爬行，從一個(gè)鏈接到另一個(gè)鏈接，下載其中的內(nèi)容，進(jìn)行分析提煉，找到其中的關(guān)鍵詞，如果“蜘蛛”認(rèn)為關(guān)鍵詞在數(shù)據(jù)庫(kù)中沒(méi)有而對(duì)用戶(hù)是有用的便存入數(shù)據(jù)庫(kù)。反之，如果“蜘蛛”認(rèn)為是垃圾信息或重復(fù)信息，就舍棄不要，繼續(xù)爬行，尋找最新的、有用的信息保存起來(lái)提供用戶(hù)搜索。當(dāng)用戶(hù)搜索時(shí)，就能檢索出與關(guān)鍵字相關(guān)的網(wǎng)址顯示給訪客。

一個(gè)關(guān)鍵詞對(duì)用多個(gè)網(wǎng)址，因此就出現(xiàn)了排序的問(wèn)題，相應(yīng)的當(dāng)與關(guān)鍵詞最吻合的網(wǎng)址就會(huì)排在前面了。在“蜘蛛”抓取網(wǎng)頁(yè)內(nèi)容，提煉關(guān)鍵詞的這個(gè)過(guò)程中，就存在一個(gè)問(wèn)題：“蜘蛛”能否看懂。如果網(wǎng)站內(nèi)容是flash和js，那么它是看不懂的，會(huì)犯迷糊，即使關(guān)鍵字再貼切也沒(méi)用。相應(yīng)的，如果網(wǎng)站內(nèi)容是它的語(yǔ)言，那么它便能看懂，它的語(yǔ)言即SEO。

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

很早以前搜索引擎優(yōu)化百度百度專(zhuān)門(mén)給技術(shù)人員提供優(yōu)化方案，是一本白皮書(shū)。

2 . 搜索引擎工作原理

① . 抓取網(wǎng)頁(yè)。每個(gè)獨(dú)立的搜索引擎都有自己的網(wǎng)頁(yè)抓取程序爬蟲(chóng)（spider）。爬蟲(chóng)Spider順著網(wǎng)頁(yè)中的超鏈接，從這個(gè)網(wǎng)站爬到另一個(gè)網(wǎng)站，通過(guò)超鏈接分析連續(xù)訪問(wèn)抓取更多網(wǎng)頁(yè)。被抓取的網(wǎng)頁(yè)被稱(chēng)之為網(wǎng)頁(yè)快照。由于互聯(lián)網(wǎng)中超鏈接的應(yīng)用很普遍，理論上，從一定范圍的網(wǎng)頁(yè)出發(fā)，就能搜集到絕大多數(shù)的網(wǎng)頁(yè)。

② . 處理網(wǎng)頁(yè)。搜索引擎抓到網(wǎng)頁(yè)后，還要做大量的預(yù)處理工作，才能提供檢索服務(wù)。其中，最重要的就是提取關(guān)鍵詞，建立索引庫(kù)和索引。其他還包括去除重復(fù)網(wǎng)頁(yè)、分詞（中文）、判斷網(wǎng)頁(yè)類(lèi)型、分析超鏈接、計(jì)算網(wǎng)頁(yè)的重要度/豐富度等。

③ . 提供檢索服務(wù)。用戶(hù)輸入關(guān)鍵詞進(jìn)行檢索，搜索引擎從索引數(shù)據(jù)庫(kù)中找到匹配該關(guān)鍵詞的網(wǎng)頁(yè)；為了用戶(hù)便于判斷，除了網(wǎng)頁(yè)標(biāo)題和URL外，還會(huì)提供一段來(lái)自網(wǎng)頁(yè)的摘要以及其他信息。

yahoo軍規(guī)

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

css hack

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

（ 待續(xù) ………… ）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89993.html

相關(guān)文章

  • web前端 關(guān)于瀏覽器兼容的一些知識(shí)和問(wèn)題解決

    摘要：瀏覽器兼容產(chǎn)生的原因因?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的等網(wǎng)頁(yè)語(yǔ)言標(biāo)準(zhǔn)不同。很早以前搜索引擎優(yōu)化百度百度專(zhuān)門(mén)給技術(shù)人員提供優(yōu)化方案，是一本白皮書(shū)。被抓取的網(wǎng)頁(yè)被稱(chēng)之為網(wǎng)頁(yè)快照。 showImg(https://segmentfault.com/img/bVY9Mu?w=383&h=194); 瀏覽器兼容 為什么產(chǎn)生瀏覽器兼容，瀏覽器兼容問(wèn)題什么是瀏覽器兼容； 所謂的瀏覽器兼容性問(wèn)題，是指...

    caikeal 評(píng)論0 收藏0

  • web前端 關(guān)于瀏覽器兼容的一些知識(shí)和問(wèn)題解決

    摘要：瀏覽器兼容產(chǎn)生的原因因?yàn)椴煌瑸g覽器使用內(nèi)核及所支持的等網(wǎng)頁(yè)語(yǔ)言標(biāo)準(zhǔn)不同。很早以前搜索引擎優(yōu)化百度百度專(zhuān)門(mén)給技術(shù)人員提供優(yōu)化方案，是一本白皮書(shū)。被抓取的網(wǎng)頁(yè)被稱(chēng)之為網(wǎng)頁(yè)快照。 showImg(https://segmentfault.com/img/bVY9Mu?w=383&h=194); 瀏覽器兼容 為什么產(chǎn)生瀏覽器兼容，瀏覽器兼容問(wèn)題什么是瀏覽器兼容； 所謂的瀏覽器兼容性問(wèn)題，是指...

    X1nFLY 評(píng)論0 收藏0

  • HTML-CSS

    摘要：但是，從字體上來(lái)說(shuō)雪碧圖制作，使用以及相關(guān)，圖文。由于采用了編譯，所以能夠保證在瀏覽器不支持標(biāo)準(zhǔn)布局的情況下，回滾到舊版本的，保證移動(dòng)設(shè)備中能呈現(xiàn)出一樣的布局效果。我不想陷入和的紛爭(zhēng)，但是有一件事是確定的極大的提升了移動(dòng)端 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問(wèn)題：怎樣通過(guò) CSS 簡(jiǎn)單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開(kāi)始學(xué)習(xí) CSS 的時(shí)候，看到 ...

    xiaokai 評(píng)論0 收藏0

  • HTML-CSS

    摘要：但是，從字體上來(lái)說(shuō)雪碧圖制作，使用以及相關(guān)，圖文。由于采用了編譯，所以能夠保證在瀏覽器不支持標(biāo)準(zhǔn)布局的情況下，回滾到舊版本的，保證移動(dòng)設(shè)備中能呈現(xiàn)出一樣的布局效果。我不想陷入和的紛爭(zhēng)，但是有一件事是確定的極大的提升了移動(dòng)端 一勞永逸的搞定 flex 布局 尋根溯源話布局 一切都始于這樣一個(gè)問(wèn)題：怎樣通過(guò) CSS 簡(jiǎn)單而優(yōu)雅的實(shí)現(xiàn)水平、垂直同時(shí)居中。記得剛開(kāi)始學(xué)習(xí) CSS 的時(shí)候，看到 ...

    CHENGKANG 評(píng)論0 收藏0

  • JavaScript文章

    摘要：我對(duì)知乎前端相關(guān)問(wèn)題的十問(wèn)十答張?chǎng)涡駨場(chǎng)涡翊笊駥?duì)知乎上經(jīng)典的個(gè)前端問(wèn)題的回答。作者對(duì)如何避免常見(jiàn)的錯(cuò)誤，難以發(fā)現(xiàn)的問(wèn)題，以及性能問(wèn)題和不好的實(shí)踐給出了相應(yīng)的建議。但并不是本身有問(wèn)題，被標(biāo)準(zhǔn)定義的是極好的。 這一次，徹底弄懂 JavaScript 執(zhí)行機(jī)制 本文的目的就是要保證你徹底弄懂javascript的執(zhí)行機(jī)制，如果讀完本文還不懂，可以揍我。 不論你是javascript新手還是老...

    mumumu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<