常見(jiàn)問(wèn)題

Trident內(nèi)核:IE系列

Gecko內(nèi)核:Firefox

Webkit內(nèi)核:Safari

Blink內(nèi)核:是基于Webkit內(nèi)核的子項(xiàng)目,使用的瀏覽器有:

Chrome/opera等除IE、Firefox、Safari之外的幾乎所有瀏覽器

幾乎所有國(guó)產(chǎn)雙內(nèi)核瀏覽器(Trident/Blink)如360、獵豹、qq、百度等


!Doctype

文檔聲明。

聲明位于文檔中的最前面的位置,處于標(biāo)簽之前。

此標(biāo)簽可告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范。(重點(diǎn):告訴瀏覽器按照何種規(guī)范解析頁(yè)面)

IE下如不書(shū)寫(xiě)文檔聲明會(huì)使用怪異模式解析網(wǎng)頁(yè)導(dǎo)致一系列CSS兼容性問(wèn)題。



多個(gè)域名來(lái)存儲(chǔ)網(wǎng)站資源會(huì)更有效

CDN緩存更方便

突破瀏覽器并發(fā)限制

節(jié)約cookie帶寬

節(jié)約主域名的連接數(shù),優(yōu)化頁(yè)面響應(yīng)速度

防止不必要的安全問(wèn)題


HTML結(jié)構(gòu)語(yǔ)義化:

更符合W3C統(tǒng)一的規(guī)范標(biāo)準(zhǔn),是技術(shù)趨勢(shì)。

沒(méi)有樣式時(shí)瀏覽器的默認(rèn)樣式也能讓頁(yè)面結(jié)構(gòu)很清晰。

對(duì)功能障礙用戶友好。屏幕閱讀器(如果訪客有視障)會(huì)完全根據(jù)你的標(biāo)記來(lái)“讀”你的網(wǎng)頁(yè)。

對(duì)其他非主流終端設(shè)備友好。例如機(jī)頂盒、PDA、各種移動(dòng)終端。

對(duì)SEO友好。


:被點(diǎn)擊訪問(wèn)過(guò)的超鏈接樣式不再具有hover和active了

,解決方法是改變CSS屬性的排列順序: L-V-H-A(link,visited,hover,active)


區(qū)別:

rgba()和opacity都能實(shí)現(xiàn)透明效果,但最大的不同是opacity作用于元素,以及元素內(nèi)的所有內(nèi)容的透明度,

而rgba()只作用于元素的顏色或其背景色。(設(shè)置rgba透明的元素的子元素不會(huì)繼承透明效果!)



.px和em的區(qū)別。

px和em都是長(zhǎng)度單位,區(qū)別是:

px值固定,容易計(jì)算。

em值不固定,是相對(duì)單位,其相對(duì)應(yīng)父級(jí)元素的字體大小會(huì)調(diào)整


.CSS中l(wèi)ink和@import的區(qū)別是:

Link屬于html標(biāo)簽,而@import是CSS中提供的

@import有執(zhí)行效率問(wèn)題,它會(huì)打破瀏覽器并行加載資源,導(dǎo)致加載頁(yè)面速度變慢。盡量不要使用@import。



HTML與XHTML——二者有什么區(qū)別?

1.所有的標(biāo)記都必須要有一個(gè)相應(yīng)的結(jié)束標(biāo)記

2.所有標(biāo)簽的元素和屬性的名字都必須使用小寫(xiě)

3.所有的XML標(biāo)記都必須合理嵌套

4.所有的屬性必須用引號(hào)""括起來(lái)

5.把所有<和&特殊符號(hào)用編碼表示

6.給所有屬性賦一個(gè)值

7.不要在注釋內(nèi)容中使用"--"

8.圖片必須有說(shuō)明文字


html常見(jiàn)兼容性問(wèn)題?

1.雙邊距BUG float引起的使用display

2.3像素問(wèn)題 使用float引起的 使用dislpay:inline -3px

3.超鏈接hover點(diǎn)擊后失效使用正確的書(shū)寫(xiě)順序link visited hover active

4.IE z-index問(wèn)題 給父級(jí)添加position:relative

5.Png透明 使用js代碼 改

6.Min-height最小高度 !Important解決’

7.select在ie6下遮蓋 使用iframe嵌套

8.為什么沒(méi)有辦法定義1px左右的寬度容器(IE6默認(rèn)的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)

9.IE5-8不支持opacity,解決辦法:

.opacity {

opacity: 0.4

filter: alpha(opacity=60); /* for IE5-7 */

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8*/

}

10. IE6不支持PNG透明背景,解決辦法: IE6下使用gif圖片

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

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

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,116評(píng)論 1 92
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁(yè)面在哪些流覽器測(cè)試過(guò)?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,367評(píng)論 0 8
  • 從三月份找實(shí)習(xí)到現(xiàn)在,面了一些公司,掛了不少,但最終還是拿到小米、百度、阿里、京東、新浪、CVTE、樂(lè)視家的研發(fā)崗...
    時(shí)芥藍(lán)閱讀 42,787評(píng)論 11 349
  • 瀏覽器兼容性問(wèn)題解決方案 · 總結(jié) 一、IE 屬性過(guò)濾器(較為常用的hack方法) 針對(duì)不同的 IE 瀏覽器,可以...
    窮鬼_h閱讀 292評(píng)論 0 2
  • 哇,今天終于滿100了耶! 畫(huà)了兩天的香蕉,滿滿的幸福! 更開(kāi)心的是,自己真的做到了! 沒(méi)有半途而廢! 畫(huà)畫(huà)陪著我...
    LYK_珂珂閱讀 1,663評(píng)論 6 6

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