摘要:等知名網(wǎng)站已經(jīng)開(kāi)始測(cè)試并使用格式。頁(yè)面加載速度更快結(jié)構(gòu)化清晰頁(yè)面顯示簡(jiǎn)潔。表現(xiàn)與結(jié)構(gòu)相分離。易于優(yōu)化搜索引擎更友好,排名更容易靠前。用于替換當(dāng)前元素,用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。
前端面試題總結(jié)——HTML(持續(xù)更新中) 1.什么是HTML?
HTML:HyperText Markup Language超文本標(biāo)記語(yǔ)言
2.XHTML和HTML有什么區(qū)別HTML是一種基本的WEB網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言,XHTML是一個(gè)基于XML的標(biāo)記語(yǔ)言
3.簡(jiǎn)述一下你對(duì)HTML語(yǔ)義化的理解?html語(yǔ)義化讓頁(yè)面的內(nèi)容結(jié)構(gòu)化,結(jié)構(gòu)更清晰,便于對(duì)瀏覽器、搜索引擎解析;
4.瀏覽器頁(yè)面有哪三層構(gòu)成,分別是什么,作用是什么?瀏覽器頁(yè)面構(gòu)成:結(jié)構(gòu)層、表示層、行為層
分別是:HTML、CSS、JavaScript
作用:HTML實(shí)現(xiàn)頁(yè)面結(jié)構(gòu),CSS完成頁(yè)面的表現(xiàn)與風(fēng)格,JavaScript實(shí)現(xiàn)一些客戶端的功能與業(yè)務(wù)。
(1)作用:用于告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。
(2)區(qū)分:如果HTML文檔包含形式完整的DOCTYPE,那么他一般以標(biāo)準(zhǔn)模式呈現(xiàn)。DOCTYPE不存在或者格式不正確會(huì)導(dǎo)致文檔已混雜模式呈現(xiàn)。
區(qū)別:
總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。
盒模型:在W3C標(biāo)準(zhǔn)中,如果設(shè)置一個(gè)元素的寬度和高度,指的是元素內(nèi)容的寬度和高度,而在Quirks 模式下,IE的寬度和高度還包含了padding和border。
設(shè)置行內(nèi)元素的高寬:在Standards模式下,給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效,而在quirks模式下,則會(huì)生效。
用margin:0 auto設(shè)置水平居中:使用margin:0 auto在standards模式下可以使元素水平居中,但在quirks模式下卻會(huì)失效。
(1)作用不同:link屬于XHTML標(biāo)簽,除了加載CSS外,還能用于定義RSS, 定義rel連接屬性等作用;
而@import是CSS提供的,只能用于加載CSS;
(2)加載不同:頁(yè)面被加載的時(shí),link會(huì)同時(shí)被加載,而@import引用的CSS會(huì)等到頁(yè)面被加載完再加載;
(3)兼容不同:import是CSS2.1 提出的,只在IE5以上才能被識(shí)別,而link是XHTML標(biāo)簽,無(wú)兼容問(wèn)題;
Webp:WebP格式,谷歌(google)開(kāi)發(fā)的一種旨在加快圖片加載速度的圖片格式。
并能節(jié)省大量的服務(wù)器帶寬資源和數(shù)據(jù)空間。Facebook Ebay等知名網(wǎng)站已經(jīng)開(kāi)始測(cè)試并使用WebP格式。
Apng:是PNG的位圖動(dòng)畫(huà)擴(kuò)展,可以實(shí)現(xiàn)png格式的動(dòng)態(tài)圖片效果,有望代替GIF成為下一代動(dòng)態(tài)圖標(biāo)準(zhǔn)。
1.特殊字符 1. 表示一個(gè)空格 2.< 表示一個(gè)< 3.> 表示一個(gè)> 4.© 表示版權(quán) 5.¥ ¥ 2.文本樣式 1. :加粗 2. :斜體 3. :下劃線 4.10.什么是錨點(diǎn):刪除線 5. :上標(biāo) 6. :下標(biāo)
錨點(diǎn)就是網(wǎng)頁(yè)中一個(gè)記號(hào),可以通過(guò)超級(jí)鏈接跳轉(zhuǎn)到該記號(hào)位置處。 1.定義錨點(diǎn) 1.使用a標(biāo)記的name屬性定義錨點(diǎn) 2.使用任意標(biāo)記的id屬性定義錨點(diǎn)11.div+css的布局有什么優(yōu)點(diǎn)?2.鏈接到錨點(diǎn) 本頁(yè)面 其它頁(yè)面
(1)改版的時(shí)候更方便 只要改css文件。
(2)頁(yè)面加載速度更快、結(jié)構(gòu)化清晰、頁(yè)面顯示簡(jiǎn)潔。
表現(xiàn)與結(jié)構(gòu)相分離。
(3)易于優(yōu)化(seo)搜索引擎更友好,排名更容易靠前。
首先:CSS規(guī)范規(guī)定,每個(gè)元素都有display屬性,確定該元素的類型,每個(gè)元素都有默認(rèn)的display值,如div的display默認(rèn)值為“block”,則為“塊級(jí)”元素;span默認(rèn)display屬性值為“inline”,是“行內(nèi)”元素。
(1)行內(nèi)元素有:a b span img input select
(2)塊級(jí)元素有:div p ul ol li dl dt dd h1-h6
(3)常見(jiàn)的空元素:br-換行,hr-水平分割線;
1.iframe會(huì)阻塞主頁(yè)面的Onload事件,會(huì)影響頁(yè)面的并行加載;
2.搜索引擎的檢索程序無(wú)法解讀這種頁(yè)面,不利于SEO;
改進(jìn):通過(guò)javascript動(dòng)態(tài)給iframe添加src屬性值,這樣可以繞開(kāi)以上兩個(gè)問(wèn)題。
label標(biāo)簽來(lái)定義表單控制間的關(guān)系,當(dāng)用戶選擇該標(biāo)簽時(shí),瀏覽器會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
15.隱藏元素的幾種方法(1)display:none;
(2)visibility:hidden;
(3)opacity:0;
(4)position:absolute; left:-10000px;
src用于替換當(dāng)前元素,href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。
17.實(shí)現(xiàn)不使用 border 畫(huà)出1px高的線,在不同瀏覽器的標(biāo)準(zhǔn)模式與怪異模式下都能保持一致的效果 18.如何給背景圖片加上超鏈接19.清除浮動(dòng)的方法有哪些? .banner-a{ width:100%; height: 8rem; display: inline-block; }
第一種:clear:both
在父元素的里面添加一個(gè)空的clear的div(跟浮動(dòng)的子級(jí)同級(jí)),然后再為這個(gè)類添加屬性值clear:both;便可以清除浮動(dòng)。
第二種:overflow:hidden
在父元素的樣式中添加overflow: hidden;也可以清除浮動(dòng),如下css代碼,但不提倡使用這個(gè)方法,overflow: hidden;還有一個(gè)意思就是隱藏超出的部分,處理不好還是會(huì)給頁(yè)面帶來(lái)麻煩。
第三種:clearfix(推薦使用)
1.在父集元素類名中添加 clear-fix
2.寫偽類樣式
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/110120.html
摘要:前端面試題總結(jié)持續(xù)更新中為什么只需要寫需要來(lái)規(guī)范瀏覽器的行為讓瀏覽器按照它們應(yīng)該的方式來(lái)運(yùn)行基于所以需要對(duì)進(jìn)行引用,才能告知瀏覽器文檔所使用的文檔類型。 前端面試題總結(jié)——H5(持續(xù)更新中) 1.HTML5 為什么只需要寫 ? HTML5 需要doctype來(lái)規(guī)范瀏覽器的行為,讓瀏覽器按照它們應(yīng)該的方式來(lái)運(yùn)行; HTML4.01基于SGML,所以需要對(duì)DTD進(jìn)行引用,才能告知瀏覽器文檔...
摘要:等知名網(wǎng)站已經(jīng)開(kāi)始測(cè)試并使用格式。頁(yè)面加載速度更快結(jié)構(gòu)化清晰頁(yè)面顯示簡(jiǎn)潔。表現(xiàn)與結(jié)構(gòu)相分離。易于優(yōu)化搜索引擎更友好,排名更容易靠前。用于替換當(dāng)前元素,用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。 前端面試題總結(jié)——HTML(持續(xù)更新中) 1.什么是HTML? HTML:HyperText Markup Language超文本標(biāo)記語(yǔ)言 2.XHTML和HTML有什么區(qū)別 HTML是一種基本的W...
摘要:在此基礎(chǔ)上加入了回調(diào)函數(shù),加載完之后會(huì)執(zhí)行中定義的函數(shù),所需要的數(shù)據(jù)會(huì)以參數(shù)的形式傳遞給該函數(shù)。通常的做法是,為它們指定回調(diào)函數(shù)。 前端面試題總結(jié)——JS(持續(xù)更新中) 1.javascript的typeof返回哪些數(shù)據(jù)類型 Object number function boolean underfind string 2.例舉3種強(qiáng)制類型轉(zhuǎn)換和2種隱式類型轉(zhuǎn)換? 強(qiáng)制(parseIn...
摘要:獲取的對(duì)象范圍方法獲取的是最終應(yīng)用在元素上的所有屬性對(duì)象即使沒(méi)有代碼,也會(huì)把默認(rèn)的祖宗八代都顯示出來(lái)而只能獲取元素屬性中的樣式。因此對(duì)于一個(gè)光禿禿的元素,方法返回對(duì)象中屬性值如果有就是據(jù)我測(cè)試不同環(huán)境結(jié)果可能有差異而就是。 花了很長(zhǎng)時(shí)間整理的前端面試資源,喜歡請(qǐng)大家不要吝嗇star~ 別只收藏,點(diǎn)個(gè)贊,點(diǎn)個(gè)star再走哈~ 持續(xù)更新中……,可以關(guān)注下github 項(xiàng)目地址 https:...
閱讀 2265·2023-04-25 23:15
閱讀 1917·2021-11-22 09:34
閱讀 1546·2021-11-15 11:39
閱讀 955·2021-11-15 11:37
閱讀 2152·2021-10-14 09:43
閱讀 3493·2021-09-27 13:59
閱讀 1506·2019-08-30 15:43
閱讀 3454·2019-08-30 15:43