html+css知識(shí)點(diǎn)復(fù)習(xí)(2)

1.有關(guān)html Doctype的描述:

它的責(zé)任就是告訴瀏覽器文檔使用哪種html或者xhtml規(guī)范;
不同文檔模式主要影響CSS內(nèi)容的呈現(xiàn),尤其是瀏覽器對(duì)盒模型的解析;
不同瀏覽器在混雜模式下的行為差異非常大,如果不使用某些hack技術(shù),跨瀏覽器的行為根本就沒有一致性可言。

2.以下元素都是短語元素。雖然這些標(biāo)簽定義的文本大多會(huì)呈現(xiàn)出特殊的樣式,但實(shí)際上,這些標(biāo)簽都擁有確切的語義。并不反對(duì)使用它們,但是如果您只是為了達(dá)到某種視覺效果而使用這些標(biāo)簽的話,我們建議使用樣式表,那么做會(huì)達(dá)到更加豐富的效果。

3.HTML5中常用的新特性:

canvas元素:用于定義圖形(圖表等),只是圖形容器,必須使用腳本來繪制圖形。
audio:用于音頻播放。
video:用于視頻播放。
article:規(guī)定獨(dú)立的自包含內(nèi)容。
header:定義文檔的頁眉,介紹相關(guān)信息。
section:定義文檔中的節(jié)。
footer:定義文檔的頁腳,通常有文檔的作者、版權(quán)信息、聯(lián)系方式等。
nav:定義導(dǎo)航鏈接。
表單控件:
calender
date
time
email
url
search
表單元素:
datalist
output
keygen

4.自閉合標(biāo)簽

有<input/><img/><link/>以及下劃線標(biāo)簽hr、<meta>等。

5.html5標(biāo)準(zhǔn)的鏈接默認(rèn)都是帶下劃線的;bootstrap鏈接只有在hover狀態(tài)下才帶下劃線。

6.w3cshool中jQuery事件手冊(cè)中,有很清晰的說明:blur()方法是當(dāng)元素失去焦點(diǎn)時(shí),發(fā)生blur事件;而focus()方法是當(dāng)元素獲得焦點(diǎn)時(shí)發(fā)生focus事件;

7.bootstrap3:

在windows上支持IE8
在MAC OS及Windows上支持firefox
在IOS及android上都支持chrome

8.display:none 和 visibility:hidden的說法,正確的是?

display:none與visibility:hidden都可以用來隱藏某個(gè)元素
display:none在隱藏元素的時(shí)候,將其占位空間也去掉;而visibility:hidden只是隱藏了內(nèi)容而已,其占位空間仍然保留。

9.可以通過Cookie來實(shí)現(xiàn):

記錄訪問者的信息
在頁面之間傳遞信息
自動(dòng)識(shí)別用戶

10.bootstrap中表格類

11.在 HTML5 中,哪個(gè)方法用于獲得用戶的當(dāng)前位置?

getCurrentPosition()

12.哪一個(gè)不是瀏覽器默認(rèn)的天生inline-block標(biāo)簽(擁有內(nèi)在尺寸,可設(shè)置高寬,不會(huì)自動(dòng)換行)?

<label>

13.當(dāng)窗口上下滾動(dòng)時(shí)。能始終固定在視野頂端的是(div的直接父級(jí)元素是<body>):

<div style=”position:fixed;top:0;”></div>

14.以下哪一個(gè)選項(xiàng)是html5的dtd?

<!DOCTYPE html>

15.什么是 Web Worker ?

運(yùn)行在后臺(tái)的JavaScript程序,不會(huì)影響頁面的性能。

16.哪個(gè)操作是W3C標(biāo)準(zhǔn)定義的阻止事件向父容器傳遞:

e.stopPropagation()

17.<input type=”text” name=”user_name” antofocus=”autofocus”/>

頁面加載后,瀏覽器將自動(dòng)聚焦user_name字段

18.表單提交時(shí)會(huì)觸發(fā)什么Dom事件?

submit

19.<input>元素的type屬性的取值可以是:

20.當(dāng)margin-top、padding-top的值是百分比時(shí),分別是如何計(jì)算的?

相對(duì)最近父級(jí)塊級(jí)元素的width,相對(duì)最近父級(jí)塊級(jí)元素的width

21.MVC是一種常見的架構(gòu)。模型變更之后,只有控制器(Controller)才能驅(qū)動(dòng)視圖變更或重新渲染視圖。

22.sessionStorage 、localStorage 和 cookie 之間的區(qū)別

共同點(diǎn):

都是保存在瀏覽器端,且同源的。

區(qū)別:

1:cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶(即使不需要),即cookie在瀏覽器和服務(wù)器間來回傳遞。而sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器,僅在本地保存。cookie數(shù)據(jù)還有路徑(path)的概念,可以限制cookie只屬于某個(gè)路徑下。
2:存儲(chǔ)大小限制也不同,cookie數(shù)據(jù)不能超過4k,同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie,所以cookie只適合保存很小的數(shù)據(jù),如會(huì)話標(biāo)識(shí)。sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制,但比cookie大得多,可以達(dá)到5M或更大。
3:數(shù)據(jù)有效期不同,sessionStorage:僅在當(dāng)前瀏覽器窗口關(guān)閉前有效,自然也就不可能持久保持;localStorage:始終有效,窗口或?yàn)g覽器關(guān)閉也一直保存,因此用作持久數(shù)據(jù);cookie只在設(shè)置的cookie過期時(shí)間之前一直有效,即使窗口或?yàn)g覽器關(guān)閉。
4:作用域不同,sessionStorage不在不同的瀏覽器窗口敏感詞享,即使是同一個(gè)頁面;localStorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。
5:Web Storage支持事件通知機(jī)制,可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。
6:Web Storage 的 api 接口使用更方便。

23.GET和POST的區(qū)別:

1.GET請(qǐng)求的數(shù)據(jù)會(huì)附在URL之后(就是把數(shù)據(jù)放置在HTTP協(xié)議頭中),POST把提交的數(shù)據(jù)則放置在是HTTP包的包體中。
2.GET方式提交的數(shù)據(jù)最多只能是1024字節(jié),理論上POST沒有限制,可傳較大量的數(shù)據(jù)。
3.POST的安全性要比GET的安全性高。

24.head部分中的JavaScripts會(huì)在被調(diào)用的時(shí)候才執(zhí)行。body部分中的JavaScripts會(huì)在頁面加載的時(shí)候被執(zhí)行。

25.哪個(gè)HTML5內(nèi)建對(duì)象用于在畫布上繪制?

getContext

26.jquery ajax中都支持哪些返回類型?

xml 、html、jsonp、json等

27.head 標(biāo)簽中必不少的是:

<title>

28.head標(biāo)簽中

<head> 標(biāo)簽用于定義文檔的頭部,它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
下面這些標(biāo)簽可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定義文檔的標(biāo)題,它是 head 部分中唯一必需的元素。

29.正確的是:

為<table>標(biāo)簽添加.table類可以給表格添加水平分割線
為表格添加table-bordered類可為表格中每個(gè)元素增加邊框
為表格添加table-hover類可為表格中增加鼠標(biāo)懸停樣式


30.為了在input兩側(cè)添加額外元素,以下說法正確的是:

使用input-group來封裝控件
使用input-group-addon來添加前置元素
必須為input添加form-control類

31.在css3中要使元素由一種樣式轉(zhuǎn)換成另一種樣式,為元素添加效果的屬性是?transition

animation要結(jié)合@keyframes規(guī)定的樣式變化,才能實(shí)現(xiàn)。transition的話,可以直接設(shè)置樣式的變化。

32.火狐與IE6的區(qū)別

(1)火狐瀏覽器中,非float的div前面有同一父級(jí)的float的div,此div若有背景圖,要使用clear:both,才能顯示背景圖,而IE6.0中不用使用clear:both。
(2)在[text-decoration:underline]的屬性下,IE6.0顯示的下劃線會(huì)比FireFox低一點(diǎn)。在FireFox中,部分筆畫會(huì)在下劃線的下面1個(gè)象素左右。

33.不換行必須設(shè)置哪些項(xiàng)?

word-break、white-space

34.<input>元素的type屬性的取值可以是:

35.比較Ajax與Flash的優(yōu)缺點(diǎn):

Ajax的優(yōu)勢(shì)在意在于開放性,易用性及易于開發(fā)
Flash的優(yōu)勢(shì)在于多媒體處理,可以更容易的調(diào)用瀏覽器以外的外部資源
Ajax最主要的批評(píng)就是它可能破壞瀏覽器的后退功能
flash 文件經(jīng)常會(huì)很大,用戶第一次使用的時(shí)候需要忍耐較長的等待時(shí)間

36.關(guān)于web表單登錄中用到的圖形驗(yàn)證碼的實(shí)現(xiàn):

服務(wù)器端生成驗(yàn)證碼后一方面通過圖片將驗(yàn)證碼返回給客戶端,同時(shí)在服務(wù)器端保存文本的驗(yàn)證碼,由服務(wù)器端驗(yàn)證輸入內(nèi)容是否正確。

37.把鼠標(biāo)移到按鈕并點(diǎn)擊時(shí),會(huì)產(chǎn)生一串什么樣的事件?

hover focus active

38.關(guān)于btn標(biāo)簽的說法正確的是:

btn-group能將按鈕組成按鈕組
btn-toolbar能將btn做成復(fù)雜組件
btn-group可以嵌套使用
可以使用btn-group-lg,btn-group-sm來調(diào)整按鈕大小

最后編輯于
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

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