常見(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ì)功能障礙用戶(hù)友好。屏幕閱讀器(如果訪客有視障)會(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ì)繼承透明效果5吞蕖)



.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)系作者
  • 序言:七十年代末狈孔,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子材义,更是在濱河造成了極大的恐慌均抽,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,635評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件其掂,死亡現(xiàn)場(chǎng)離奇詭異油挥,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)深寥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)攘乒,“玉大人,你說(shuō)我怎么就攤上這事惋鹅≡蛟停” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,083評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵闰集,是天一觀的道長(zhǎng)沽讹。 經(jīng)常有香客問(wèn)我,道長(zhǎng)武鲁,這世上最難降的妖魔是什么爽雄? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,640評(píng)論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮沐鼠,結(jié)果婚禮上挚瘟,老公的妹妹穿的比我還像新娘。我一直安慰自己迟杂,他們只是感情好刽沾,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,640評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布本慕。 她就那樣靜靜地躺著排拷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪锅尘。 梳的紋絲不亂的頭發(fā)上监氢,一...
    開(kāi)封第一講書(shū)人閱讀 52,262評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音藤违,去河邊找鬼浪腐。 笑死,一個(gè)胖子當(dāng)著我的面吹牛顿乒,可吹牛的內(nèi)容都是我干的议街。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼璧榄,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼特漩!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起骨杂,我...
    開(kāi)封第一講書(shū)人閱讀 39,736評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤涂身,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后搓蚪,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體蛤售,經(jīng)...
    沈念sama閱讀 46,280評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,369評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了悴能。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片揣钦。...
    茶點(diǎn)故事閱讀 40,503評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖漠酿,靈堂內(nèi)的尸體忽然破棺而出拂盯,到底是詐尸還是另有隱情,我是刑警寧澤记靡,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布谈竿,位于F島的核電站,受9級(jí)特大地震影響摸吠,放射性物質(zhì)發(fā)生泄漏空凸。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,870評(píng)論 3 333
  • 文/蒙蒙 一寸痢、第九天 我趴在偏房一處隱蔽的房頂上張望呀洲。 院中可真熱鬧,春花似錦啼止、人聲如沸道逗。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,340評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)滓窍。三九已至,卻和暖如春巩那,著一層夾襖步出監(jiān)牢的瞬間吏夯,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,460評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工即横, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留噪生,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,909評(píng)論 3 376
  • 正文 我出身青樓东囚,卻偏偏與公主長(zhǎng)得像跺嗽,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子页藻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,512評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

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