整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
frame是嵌入網(wǎng)頁的框架形式，你可以理解為在原有的web頁面內(nèi)多出的一個(gè)或者多個(gè)獨(dú)立的小web頁面，從刷新這些小web框架能做到類似“局部刷新”的效果,它的用法與普通的標(biāo)簽元素DIV類似，可以在指定頁面的相應(yīng)位置中嵌入、顏色、界面布局，重點(diǎn)在于它是和整個(gè)顯示頁面相獨(dú)立的。
如下圖代碼里的frame里就是包含的各個(gè)獨(dú)立的頁面框架如left.html和right.html等；
而ajax是一種局部刷新的技術(shù)，它本身而言可以針對(duì)這個(gè)頁面所有的元素，而不像iframe那樣，只能局部刷新其指定的部分。
Timeout是定時(shí)刷新，這個(gè)可以根據(jù)個(gè)人需求添加或者去除Success返回結(jié)果里的div(它的id就是maincontent)需要單獨(dú)放置在一個(gè)新的頁面，這個(gè)就是我們要刷新的頁面。
從性能上來說，如果一個(gè)頁面比較大，對(duì)局部刷新比較多的情況下，有多個(gè)地方都可能需要獨(dú)立刷新，如果你用太多個(gè)iframe的話，對(duì)系統(tǒng)的資源消耗會(huì)比較大，直接的結(jié)果就是頁面加載起來會(huì)慢。相反如果在頁面布局不是太復(fù)雜，嵌入的獨(dú)立板塊不是太多，iframe方法會(huì)比ajax局部刷新操作起來要簡便一些，所以在網(wǎng)站設(shè)計(jì)的過程中，可以根據(jù)不同的需要選擇不同的技術(shù)方案。
如果你覺得以上內(nèi)容對(duì)您有用，請(qǐng)關(guān)注“Web堆兒”，我們的宗旨就是提供網(wǎng)站建設(shè)和運(yùn)營中的各種干貨。
原文地址盛世陽光北京網(wǎng)站建設(shè):http://www.gonet.com.cn/webduirshow-91.html
眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java(100G) Python(80G) 大數(shù)據(jù) 區(qū)塊鏈 測試 PPT JS(40g+300教程) HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料！
一、HTML
1、<image>標(biāo)簽上title屬性與alt屬性的區(qū)別是什么？
alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。
這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶，視覺障礙的用戶和使用屏幕閱讀器的用戶等。
title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。參考《alt和title屬性的區(qū)別及應(yīng)用》
2、分別寫出以下幾個(gè)HTML標(biāo)簽：文字加粗、下標(biāo)、居中、字體
加粗：<b>、<strong>
下標(biāo)：<sub>
居中：<center>
字體：<font>、<basefont>、參考《HTML標(biāo)簽列表》
3、請(qǐng)寫出至少5個(gè)html5新增的標(biāo)簽，并說明其語義和應(yīng)用場景
section：定義文檔中的一個(gè)章節(jié)
nav：定義只包含導(dǎo)航鏈接的章節(jié)
header：定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。
footer：定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
aside：定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。
參考《HTML5 標(biāo)簽列表》
4、請(qǐng)說說你對(duì)標(biāo)簽語義化的理解？
a. 去掉或者丟失樣式的時(shí)候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)
b. 有利于SEO：和搜索引擎建立良好溝通，有助于爬蟲抓取更多的有效信息：爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重；
c. 方便其他設(shè)備解析（如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備）以意義的方式來渲染網(wǎng)頁；
d. 便于團(tuán)隊(duì)開發(fā)和維護(hù)，語義化更具可讀性，遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn)，可以減少差異化。
5、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?
聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器以何種模式來渲染文檔。
嚴(yán)格模式的排版和 JS 運(yùn)作模式是，以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。
在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。
DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。
6、你知道多少種Doctype文檔類型？
標(biāo)簽可聲明三種 DTD 類型，分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01 規(guī)定了三種文檔類型：Strict、Transitional 以及 Frameset。
XHTML 1.0 規(guī)定了三種 XML 文檔類型：Strict、Transitional 以及 Frameset。
Standards （標(biāo)準(zhǔn)）模式（也就是嚴(yán)格呈現(xiàn)模式）用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁，
Quirks（包容）模式（也就是松散呈現(xiàn)模式或者兼容模式）用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計(jì)的網(wǎng)頁。
7、HTML與XHTML——二者有什么區(qū)別
a. XHTML 元素必須被正確地嵌套。
b. XHTML 元素必須被關(guān)閉。
c. 標(biāo)簽名必須用小寫字母。
d. XHTML 文檔必須擁有根元素。
參考《XHTML 與 HTML 之間的差異》
8、html5有哪些新特性、移除了那些元素？
a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。
b. 拖拽釋放(Drag and drop) API
c. 語義化更好的內(nèi)容標(biāo)簽（header,nav,footer,aside,article,section）
d. 音頻、視頻API(audio,video)
e. 畫布(Canvas) API
f. 地理(Geolocation) API
g. 本地離線存儲(chǔ) localStorage 長期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失
h. sessionStorage 的數(shù)據(jù)在頁面會(huì)話結(jié)束時(shí)會(huì)被清除
i. 表單控件，calendar、date、time、email、url、search
j. 新的技術(shù)webworker, websocket等
移除的元素：
a. 純表現(xiàn)的元素：basefont，big，center, s，strike，tt，u；
b. 對(duì)可用性產(chǎn)生負(fù)面影響的元素：frame，frameset，noframes；
9、iframe的優(yōu)缺點(diǎn)？
優(yōu)點(diǎn)：
a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題
b. iframe無刷新文件上傳
c. iframe跨域通信
缺點(diǎn)：
a. iframe會(huì)阻塞主頁面的Onload事件
b. 無法被一些搜索引擎索引到
c. 頁面會(huì)增加服務(wù)器的http請(qǐng)求
d. 會(huì)產(chǎn)生很多頁面，不容易管理。
參考《iframe的一些記錄》
10、Quirks模式是什么？它和Standards模式有什么區(qū)別？
在寫程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問題，如何保證原來的接口不變，又提供更強(qiáng)大的功能，尤其是新功能不兼容舊功能時(shí)。IE6以前的頁面大家都不會(huì)去寫DTD，所以IE6就假定 如果寫了DTD，就意味著這個(gè)頁面將采用對(duì)CSS支持更好的布局，而如果沒有，則采用兼容之前的布局方式。這就是Quirks模式（怪癖模式，詭異模式，怪異模式）。
區(qū)別：總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。
a. 盒模型：在W3C標(biāo)準(zhǔn)中，如果設(shè)置一個(gè)元素的寬度和高度，指的是元素內(nèi)容的寬度和高度，而在Quirks 模式下，IE的寬度和高度還包含了padding和border。
b. 設(shè)置行內(nèi)元素的高寬：在Standards模式下，給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效，而在quirks模式下，則會(huì)生效。
c. 設(shè)置百分比的高度：在standards模式下，一個(gè)元素的高度是由其包含的內(nèi)容來決定的，如果父元素沒有設(shè)置百分比的高度，子元素設(shè)置一個(gè)百分比的高度是無效的用
d. 設(shè)置水平居中：使用margin:0 auto在standards模式下可以使元素水平居中，但在quirks模式下卻會(huì)失效。
11、請(qǐng)闡述table的缺點(diǎn)
a. 太深的嵌套，比如table>tr>td>h3，會(huì)導(dǎo)致搜索引擎讀取困難，而且，最直接的損失就是大大增加了冗余代碼量。
b. 靈活性差，比如要將tr設(shè)置border等屬性，是不行的，得通過td
c. 代碼臃腫，當(dāng)在table中套用table的時(shí)候，閱讀代碼會(huì)顯得異常混亂
d. 混亂的colspan與rowspan，用來布局時(shí)，頻繁使用他們會(huì)造成整個(gè)文檔順序混亂。
e. 不夠語義
參考《為什么說table表格布局不好？》
12、簡述一下src與href的區(qū)別
src用于替換當(dāng)前元素；href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。
src是source的縮寫，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置
href是Hypertext Reference的縮寫，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接
公眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞：前端 PS Java Python 大數(shù)據(jù) 區(qū)塊鏈 測試 PPT JS HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料！
HTML、CSS、JavaScript是前端學(xué)習(xí)非常重要的內(nèi)容，作為前端工程師，建立網(wǎng)站，設(shè)計(jì)網(wǎng)頁需要有一定的審美能力，也需要一定的編程技術(shù)。總之，技術(shù)性越來越強(qiáng)。學(xué)習(xí)前端這三大塊內(nèi)容，可以先從HTML入手，其次是CSS，在打好這兩部分的基礎(chǔ)上，進(jìn)一步學(xué)習(xí)JavaScript。
WEB可以被看做是一個(gè)有生命的物體或人體，HTML可以視為骨骼和肌肉，CSS可以視為皮膚和毛發(fā)，而JavaScript可以視為受一定支配的行為。這樣比喻不一定完全恰當(dāng)，但可以幫我們更好的理解這三者之間的關(guān)系。本文，千鋒武漢HTML5前端培訓(xùn)小編就來詳細(xì)說說HTML、CSS、JavaScript三者之間的區(qū)別！
先從HTML說起：
作為網(wǎng)頁內(nèi)容的載體，HTML包含了用戶需要瀏覽的內(nèi)容，包括圖文、視頻，即構(gòu)成網(wǎng)頁的基本元素。HTML是網(wǎng)頁的結(jié)構(gòu)（Structure），需要有多種框架和布局，比如frameset框架集、iframe內(nèi)聯(lián)框架、div+css布局、table布局等，同時(shí)支持表單提交（HTML Form），包括基礎(chǔ)表單、input輸入框、輸入框類型、文本域、列表、label等。當(dāng)前，大家通用的是HTML5，其中還有一些新增元素，比如footer、header等，總之，HTML的功能越來越強(qiáng)大，作為初學(xué)者還是要把握主干，有重點(diǎn)地去學(xué)習(xí)。
其次是CSS：
CSS的作用是效果，或者說是表現(xiàn)（Presentation），比如網(wǎng)頁上的動(dòng)態(tài)文字、文字的色彩、字體、動(dòng)畫效果。正是因?yàn)镃SS的存在使得HTML變得豐富多樣。學(xué)習(xí)CSS，可以從版本CSS3開始，要了解CSS3的動(dòng)畫效果，如2D變換、過渡、特殊圖形的繪制，雪碧圖、滑動(dòng)門等等都是常見的效果；除此之外，CSS3還有媒體查詢（Media Queries）、grid，以及多列布局、用戶界面等。CSS部分需要配合HTML，并結(jié)合實(shí)例來加以學(xué)習(xí)，這樣效果會(huì)跟好。
最后要說一說JavaScript：
如果說一個(gè)網(wǎng)頁只有“結(jié)構(gòu)”和“表現(xiàn)”，而缺少了用戶與網(wǎng)頁的交互，即行為（Behavior），那么這樣的網(wǎng)頁就如一潭死水，無法形成良好的用戶體驗(yàn)。好的用戶體驗(yàn)不僅可以讓用戶鼠標(biāo)放在哪里、哪里就會(huì)產(chǎn)生人性化的效果，而且可以增強(qiáng)用戶的可操作性，例如購物網(wǎng)站用戶的訂購，網(wǎng)頁會(huì)實(shí)時(shí)顯示用戶的購物動(dòng)態(tài)。這樣一來，JavaScript就有了編程的意味。和其他編程語言一樣，JavaScript也有數(shù)據(jù)類型、條件語句、分支語句、字符串詳解、數(shù)組詳解、對(duì)象、函數(shù)、數(shù)值、Math函數(shù)、作用域。如果這一部分可以學(xué)會(huì)，便可以往更深的內(nèi)容去發(fā)展。
如今，大前端的時(shí)代已經(jīng)來臨，熟練使用HTML5、CSS3，對(duì)前端人員的制作要求越來越高，能否做出酷炫的效果成為衡量前端技術(shù)的一個(gè)標(biāo)準(zhǔn)。作為前端開發(fā)工程師，將PC、手機(jī)、iPad等多種設(shè)備全面掌握并能提供客戶需要的解決方案，精通響應(yīng)式技術(shù)，是必備的能力。如今微信小游戲的開發(fā)也是前端開發(fā)的重點(diǎn)，值得初學(xué)者多多關(guān)注。
千鋒武漢HTML5前端培訓(xùn)小編建議大家重視一下移動(dòng)端的開發(fā)，畢竟移動(dòng)端的用戶數(shù)量高于PC端，移動(dòng)端更適合碎片化的消費(fèi)人群，市場較為廣闊。在未來幾十年都將是主流HTML5崗位薪資高，人才缺口超過百萬，現(xiàn)在學(xué)習(xí)正是最佳時(shí)機(jī)。所以，你還在等什么？快來學(xué)HTML5吧！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
