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