面試知識4

一:HTML和XHTML的區(qū)別

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

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

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

4.所有的屬性必須用引號""括起來

5.把所有<和&特殊符號用編碼表示

6.給所有屬性賦一個值

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

8.圖片必須有說明文字

二:兼容性的零碎知識

1:png24位的圖片在iE6瀏覽器上出現(xiàn)背景,解決方案是做成PNG8.也可以引用一段腳本處理.

2:瀏覽器默認(rèn)的margin和padding不同。解決方案是加一個全局的*{margin:0;padding:0;}來統(tǒng)一。

3:IE6雙邊距bug:塊屬性標(biāo)簽float后逢防,又有橫行的margin情況下入宦,在ie6顯示margin比設(shè)置的大焊刹。(IE6雙邊距問題:在IE6下击罪,如果對元素設(shè)置了浮動芋簿,同時又設(shè)置了margin-left或margin-right痒给,margin值會加倍说墨。)#box{ float:left;width:10px;margin:0 0 0 100px;}這種情況之下IE會產(chǎn)生20px的距離,解決方案是在float的標(biāo)簽樣式控制中加入_display:inline;將其轉(zhuǎn)化為行內(nèi)屬性苍柏。(_這個符號只有ie6會識別)

4: ?首先婉刀,巧妙的使用“\9”這一標(biāo)記,將IE游覽器從所有情況中分離出來序仙。??

? ? ? ? 接著突颊,再次使用“+”將IE8和IE7、IE6分離開來潘悼,這樣IE8已經(jīng)獨立識別律秃。? css.bb{background-color:#f1ee18;/*所有識別*/.background-color:#00deff\9;/*IE6、7治唤、8識別*/+background-color:#a200ff;/*IE6棒动、7識別*/_background-color:#1e0bd1;/*IE6識別*/}怪異模式5:問題:漏寫DTD聲明,F(xiàn)irefox仍然會按照標(biāo)準(zhǔn)模式來解析網(wǎng)頁宾添,但在IE中會觸發(fā)怪異模式船惨。為避免怪異模式給我們帶來不必要的麻煩,最好養(yǎng)成書寫DTD聲明的好習(xí)慣÷粕拢現(xiàn)在可以使用[html5](http://www.w3.org/TR/html5/single-page.html)推薦的寫法:``

6:上下margin重合問題

ie和ff都存在粱锐,相鄰的兩個div的margin-left和margin-right不會重合,但是margin-top和margin-bottom卻會發(fā)生重合扛邑。解決方法怜浅,養(yǎng)成良好的代碼編寫習(xí)慣,同時采用margin-top或者同時采用margin-bottom。

三:浮動和它的工作原理恶座?清除浮動的技巧

原理:浮動元素脫離文檔流搀暑,不占據(jù)空間。浮動元素碰到包含它的邊框或者浮動元素的邊框停留跨琳。

1.使用空標(biāo)簽清除浮動自点。? 這種方法是在所有浮動標(biāo)簽后面添加一個空標(biāo)簽 定義cssclear:both. 弊端就是增加了無意義標(biāo)簽。

2.使用overflow脉让。 overflow為hidde ?或者給包含浮動元素的父標(biāo)簽添加css屬性overflow:auto; zoom:1; zoom:1用于兼容IE6桂敛。

3.使用after偽對象清除浮動。? 該方法只適用于非IE瀏覽器侠鳄。使用中需注意以下幾點。一死宣、該方法中必須為需要清除浮動元素的偽對象中設(shè)置height:0伟恶,否則該元素會比實際高出若干像素

#parent

:after

{content:".";

height:0;

visibility:hidden;

display:block;

clear:both;? ? ? ??

}

四:浮動元素引起的問題

(1)父元素的高度無法被撐開,影響與父元素同級的元素

(2)與浮動元素同級的非浮動元素(內(nèi)聯(lián)元素)會跟隨其后

(3)若非第一個元素浮動毅该,則該元素之前的元素也需要浮動博秫,否則會影響頁面顯示的結(jié)構(gòu)

五:html5有哪些新特性 ??

HTML5主要是關(guān)于圖像,位置眶掌,存儲挡育,多任務(wù)等功能的增加朴爬。??

拖拽釋放(Drag and drop)?

?語義化更好的內(nèi)容標(biāo)簽(header,nav,footer,aside,article,section)??

音頻即寒、視頻API(audio,video)?

?畫布(Canvas) ??

地理(Geolocation)

?本地離線存儲 ? ? ?localStorage 長期存儲數(shù)據(jù)召噩,瀏覽器關(guān)閉后數(shù)據(jù)不丟失;? sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除?

?表單控件具滴,calendar、date构韵、time周蹭、email、url疲恢、search??

新的技術(shù)webworker, websocket, Geolocation

六:HTML5移除了那些元素凶朗?

純表現(xiàn)的元素:basefont,big显拳,center俱尼,font,s,strike萎攒,tt遇八,u矛绘;

對可用性產(chǎn)生負(fù)面影響的元素:frame,frameset刃永,noframes货矮;

七:如何處理HTML5新標(biāo)簽的瀏覽器兼容問題?

使用最多的是html5shim框架

<!--[if it IE 9]>

<script>src="http://html5shim.googlecode.com/svn/trunk/html5.js"</script>

<![endif]-->

src="http://html5shim.googlecode.com/svn/trunk/html5.js"

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末斯够,一起剝皮案震驚了整個濱河市囚玫,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌读规,老刑警劉巖抓督,帶你破解...
    沈念sama閱讀 223,002評論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異束亏,居然都是意外死亡铃在,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評論 3 400
  • 文/潘曉璐 我一進(jìn)店門碍遍,熙熙樓的掌柜王于貴愁眉苦臉地迎上來定铜,“玉大人,你說我怎么就攤上這事怕敬〈Э唬” “怎么了?”我有些...
    開封第一講書人閱讀 169,787評論 0 365
  • 文/不壞的土叔 我叫張陵东跪,是天一觀的道長畸陡。 經(jīng)常有香客問我,道長虽填,這世上最難降的妖魔是什么罩锐? 我笑而不...
    開封第一講書人閱讀 60,237評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮卤唉,結(jié)果婚禮上涩惑,老公的妹妹穿的比我還像新娘。我一直安慰自己桑驱,他們只是感情好竭恬,可當(dāng)我...
    茶點故事閱讀 69,237評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著熬的,像睡著了一般痊硕。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上押框,一...
    開封第一講書人閱讀 52,821評論 1 314
  • 那天岔绸,我揣著相機與錄音,去河邊找鬼。 笑死盒揉,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的刚盈。 我是一名探鬼主播,決...
    沈念sama閱讀 41,236評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼欲侮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了威蕉?” 一聲冷哼從身側(cè)響起橄仍,我...
    開封第一講書人閱讀 40,196評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎沙兰,沒想到半個月后翘魄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡斋射,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,794評論 3 343
  • 正文 我和宋清朗相戀三年但荤,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腹躁。...
    茶點故事閱讀 40,928評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖哑了,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情弱左,我是刑警寧澤炕淮,帶...
    沈念sama閱讀 36,583評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響币叹,放射性物質(zhì)發(fā)生泄漏憎账。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,264評論 3 336
  • 文/蒙蒙 一胞皱、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧雾鬼,春花似錦、人聲如沸宴树。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蠢莺,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間躏将,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評論 1 274
  • 我被黑心中介騙來泰國打工祸憋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留肖卧,地道東北人蚯窥。 一個月前我還...
    沈念sama閱讀 49,378評論 3 379
  • 正文 我出身青樓拦赠,卻偏偏與公主長得像壁榕,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子牌里,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,937評論 2 361

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案务甥? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 13,762評論 1 92
  • 前端開發(fā)面試知識點大綱: HTML&CSS: 對Web標(biāo)準(zhǔn)的理解敞临、瀏覽器內(nèi)核差異、兼容性挺尿、hack、CSS基本功:...
    秀才JaneBook閱讀 2,383評論 0 25
  • <a name='html'>HTML</a> Doctype作用编矾?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)、<...
    clark124閱讀 3,498評論 1 19
  • 本文轉(zhuǎn)發(fā)自github, 原文地址 前端開發(fā)知識點: 作為一名前端工程師窄俏,無論工作年頭長短都應(yīng)該掌握的知識點: 此...
    XDUZ閱讀 616評論 0 8
  • 小區(qū)內(nèi)散步碘菜,在鄰居家小院籬笆墻外不同季節(jié)總能欣賞到不同花開花謝:桃花,杏花忍啸,櫻花,月季花计雌,喇叭花悄晃,甚至西葫蘆白粉,窩瓜...
    岳家屯閱讀 393評論 2 0