熱門標(biāo)簽
- 長(zhǎng)樂西路做網(wǎng)站
- 小長(zhǎng)安網(wǎng)站建設(shè)公司
- 鄧?yán)顮I(yíng)銷型網(wǎng)站建設(shè)
- 瓦拉干制作網(wǎng)頁
- 淶源鎮(zhèn)網(wǎng)站設(shè)計(jì)公司
- 平潮網(wǎng)頁設(shè)計(jì)
- 泌水制作網(wǎng)頁
- 劉漢網(wǎng)頁制作
- 綏芬河高端網(wǎng)站建設(shè)
- 西屯營(yíng)銷型網(wǎng)站建設(shè)
- 成都市建設(shè)廳網(wǎng)站
- 維山高端網(wǎng)站建設(shè)
- 室內(nèi)設(shè)計(jì)師招聘網(wǎng)站哪個(gè)靠譜
- 磨子網(wǎng)站開發(fā)公司
- 網(wǎng)站怎么建設(shè)模塊
- 蘋塘網(wǎng)站制作公司
- 若羌鎮(zhèn)網(wǎng)站制作
- 網(wǎng)站建設(shè)公司的公司
- 水步網(wǎng)站建設(shè)公司
- 木金外貿(mào)網(wǎng)站建設(shè)
熱文推薦
- 美妝行業(yè)網(wǎng)站布局技巧有哪些
- 設(shè)計(jì)網(wǎng)站時(shí),如何選擇背景圖(二)…
- 移動(dòng)端搜索優(yōu)化怎么做-深圳網(wǎng)站建…
- 為什么網(wǎng)站建設(shè)宣傳品牌需要用戶有…
- 如何分析網(wǎng)站流量的來源--深圳網(wǎng)站…
- 微信開發(fā),分析背后隱含的設(shè)計(jì)原因…
- 2020年十大Web設(shè)計(jì)和UI趨勢(shì)(一)…
- 如何有效打破網(wǎng)頁設(shè)計(jì)規(guī)則
- 如何寫對(duì)話要點(diǎn)
- 2016年奢侈品行業(yè)趨勢(shì)判斷,2016奢…
重要指南HTML5面試
HTML5面試作為今天的一個(gè)重要指南,html已經(jīng)有20多年的歷史了。在這20年里,html升級(jí)了4次,讓我們使用現(xiàn)有的HTML5版本。升級(jí)路徑并不容易:W3C,HTML規(guī)范官方維護(hù)人員,帶來新功能的速度很慢,所以Web瀏覽器開發(fā)人員把事情掌握在手中。這只會(huì)導(dǎo)致更多的問題,尤其是那些試圖創(chuàng)建網(wǎng)頁的開發(fā)人員。這會(huì)導(dǎo)致許多跨瀏覽器兼容性問題,浪費(fèi)開發(fā)時(shí)間。在當(dāng)今的技術(shù)環(huán)境中,HTML5已經(jīng)成為任何開發(fā)前端不可或缺的一部分,盡管它不是一種編程語言,但它仍然是Web應(yīng)用程序的重要組成部分,甚至是現(xiàn)代桌面和移動(dòng)應(yīng)用程序。隨著科學(xué)技術(shù)的飛速發(fā)展,20年是一個(gè)漫長(zhǎng)而活躍的應(yīng)用過程。因此,簡(jiǎn)歷參考至少有一定的HTML5經(jīng)驗(yàn)在軟件開發(fā)界是普遍存在的。這使得很容易找到HTML5開發(fā)商,但找到一個(gè)完美的挑戰(zhàn)。
我們的招聘指南將幫助您找到努力遵循高質(zhì)量方法和強(qiáng)大HTML5規(guī)范知識(shí)的開發(fā)人員。沒有神奇或簡(jiǎn)單的技術(shù),但有一定的問題要問,這將有助于確定語言考生的深度和復(fù)雜性。下面提供了此類問題的簡(jiǎn)單示例。
問答:HTML5是設(shè)計(jì)替換HTML4和XHTML。討論新的HTML5特性和關(guān)鍵目標(biāo)的HTML5規(guī)范。新的main objectiveHTML5規(guī)范為提供豐富內(nèi)容(如圖片、視頻等)的客戶提供了嚴(yán)格的分析標(biāo)準(zhǔn),無需額外的插件(如Flash和Silverlight),通過引入新的結(jié)構(gòu)元素標(biāo)簽,為網(wǎng)頁結(jié)構(gòu)提供了更好的語義支持,從而簡(jiǎn)化了錯(cuò)誤處理,提供了嚴(yán)格的分析標(biāo)準(zhǔn),并與舊標(biāo)準(zhǔn)文件編制向后兼容。**后,現(xiàn)代世界**重要的目標(biāo)是提供更好的跨平臺(tái)支持,以確保一切正常運(yùn)行,無論是臺(tái)式電腦、筆記本電腦、平板電腦,甚至是智能手機(jī)。
要實(shí)現(xiàn)所有這些,許多新功能,請(qǐng)引入HTML5。新HTML5通過新lt改善嵌入式圖形、音頻和視頻內(nèi)容支持;語音gt;,和lt;視頻gt;tag網(wǎng)站的工作人員介紹了JavaScriptApI的新擴(kuò)展,如額外的定位、新的拖放功能、本地存儲(chǔ)和緩存功能許多新的語義標(biāo)記和表單控件補(bǔ)充了現(xiàn)代Web應(yīng)用程序的結(jié)構(gòu)邏輯。
問:解釋什么是語義HTML和新的語義HTML5元素名。語義html是html的一個(gè)或多個(gè)標(biāo)記,它不是單純的表達(dá),而是顯示意義或視圖。例如,建議使用HTML5標(biāo)簽,而不是粗體文本,而不是斜體。這些語義標(biāo)記產(chǎn)生相同的粗體和斜體文本,但純粹是格式化的信息,這提供了一種意義。
HTML5規(guī)范中定義的新語義元素,如:bull;書信電報(bào);燃?xì)廨啓C(jī);公牛;書信電報(bào);旁白gt;公牛;書信電報(bào);詳細(xì)信息gt;公牛;書信電報(bào);圖表問題gt;公牛;書信電報(bào);圖gt;公牛;書信電報(bào);頁腳gt;公牛;書信電報(bào);標(biāo)題gt;公牛;書信電報(bào);主燃?xì)廨啓C(jī);公牛;書信電報(bào);標(biāo)記gt;公牛;書信電報(bào);導(dǎo)航gt;公牛;書信電報(bào);零件gt;公牛;內(nèi)容概要;書信電報(bào);時(shí)間gt;
新HTML5形態(tài)控制包括:牛市;書信電報(bào);日歷gt;公牛;書信電報(bào);日期gt;公牛;書信電報(bào);時(shí)間gt;公牛;書信電報(bào);電子郵件gt;公牛;書信電報(bào);網(wǎng)站gt;公牛;書信電報(bào);搜索gt;問:HTML5開發(fā)商討論潛在陷阱。舊習(xí)難改許多開發(fā)商用老規(guī)格寫HTML5現(xiàn)代Web應(yīng)用程序。**突出的例子是在lt中使用開發(fā)人員;表gt;標(biāo)簽設(shè)置布局,或
當(dāng)新的語義標(biāo)簽相同時(shí),lt;標(biāo)題gt;,書信電報(bào);頁腳sgt;,書信電報(bào);第二種是GT;或lt;講述人gt;這個(gè)標(biāo)簽更合適?;蛘咴谟懻撝?,他們不使用新的語義標(biāo)記或代替標(biāo)記。這種舊方法的結(jié)果是,復(fù)雜標(biāo)記在不同瀏覽器中的行為不同。在編寫新的HTML5文檔時(shí),開發(fā)人員應(yīng)該采用新的語義標(biāo)記,并享受HTML5規(guī)范的所有好處,讓舊的習(xí)慣留在過去。問:討論新HTML5元素可用于不同組合,即lt;標(biāo)題gt;和lt;頁腳sgt;,和lt;部分gt;和lt;第gt;頁;。
新元素HTML5開啟了一個(gè)全新的可能性組合和有趣的使用方式。例如,雖然只有一個(gè)頁眉和一個(gè)頁腳,但是新的HTML5文檔可以包含多個(gè)Lt;標(biāo)題gt;和lt;頁腳SGT;兩個(gè)新語義標(biāo)記設(shè)計(jì)的元素都與它們的父元素相關(guān),以達(dá)到各自的目的。這不僅僅意味著頁面是空的;魚gt;它可以包括頁眉和頁腳,也可以用作模板;第二種是GT;和lt;部分gt;要素
另一個(gè)例子是使用新的lt;部分gt;和lt;第二種是GT;元素及其組合:lt;部分gt;可以包含lt;第二種是GT;元素和lt;第二種是GT;可以包含lt;部分gt;元素描述的一個(gè)例子:在您的網(wǎng)頁中,您可以使用一個(gè)與儀表板頁lt;部分gt;社交網(wǎng)絡(luò)的互動(dòng),以及l(fā)t;部分gt;**新的新聞文章將包含幾個(gè)主題;第二種是GT;相反,lt;第二種是GT;可能包含lt;部分gt;**后,對(duì)讀者進(jìn)行點(diǎn)評(píng)。問:討論HTML5簡(jiǎn)化HTML結(jié)構(gòu)。舉例說明。在開頭,HTML5規(guī)范簡(jiǎn)化DOCTYPE聲明。文檔或文檔類型聲明告訴瀏覽器所需的文件類型。舊的XHTMLDOCTYPE聲明如下:lt;Span class=quothljsDOCTYPErdquo;燃?xì)廨啓C(jī);lt;!DOCTYPEhtmlPUBLICldquo;-//W3CDTDXHTML 1嚴(yán)格/恩rdquo;rdquo;小時(shí)ttp://two. Org/TR/xhtml1/ DTD / xhtml1DTDrdquo;燃?xì)廨啓C(jī);lt/跨度gt;盡管HTML4過渡DOCTYPE看起來是這樣的:lt;Span class=quothljsDOCTYPErdquo;燃?xì)廨啓C(jī);lt;!DOCTYPEhtmlPUBLICldquo;-//W3CHTML 4.01DTD/恩rdquo;rdquo;小時(shí)ttp://twoorg / TR / HTML4/松DTDrdquo;燃?xì)廨啓C(jī);lt/Span gtHTML5新DOCTYPE的說法很簡(jiǎn)單:lt;Span class=quothljsDOCTYPErdquo;燃?xì)廨啓C(jī);lt;!DOCTYPEhtml gt;lt/跨度gt;另一個(gè)簡(jiǎn)化的HTML5介紹是如何聲明文件的字符編碼或字符集。HTML5之charset項(xiàng)聲明如下:
lt;!DOCTYPEhtml gt;書信電報(bào);燃?xì)廨啓C(jī);HTML lt;元字符集=lt;Span class=quohljs字符串;燃?xì)廨啓C(jī);ldquo;UTF-8rdquo;lt/跨度gt;燃?xì)廨啓C(jī);書信電報(bào);Span class=quothljs關(guān)鍵詞rdquo;gt;hellip; lt/頭部gt;書信電報(bào);車身gt;書信電報(bào);Span class=quothljs關(guān)鍵詞rdquo;gt;hellip; 書信電報(bào);車身gt;lt/HTML gt;這比之前沒有字符元屬性的HTML4要簡(jiǎn)單得多:ltDOCTYPEhtmlPUBLIClt;Span class=quothljs字符串;燃?xì)廨啓C(jī);rdquo;//W3CHTML 4.01DTD過渡/ EN /跨度gt;ldquo;書信電報(bào);書信電報(bào);跨類=quohljs字符串;燃?xì)廨啓C(jī);ldquo;小時(shí)ttp://twoorg / TR / HTML4/松DTDrdquo;lt/跨度gt;燃?xì)廨啓C(jī);書信電報(bào);燃?xì)廨啓C(jī);HTML ldquo;內(nèi)容類型;lt/跨度gt;內(nèi)容=lt;Span class=quohljs字符串;燃?xì)廨啓C(jī);ldquo;text/html;字符集=utf-8quot;lt/跨度gt;燃?xì)廨啓C(jī);書信電報(bào);Span class=quothljs關(guān)鍵詞rdquo;gt;hellip; lt/頭部gt;書信電報(bào);車身gt;書信電報(bào);Span class=quothljs關(guān)鍵詞rdquo;gt;hellip; 書信電報(bào);車身gt;lt/HTML gt;HTML5在簡(jiǎn)化標(biāo)簽lt,lt;魚gt;并將無效HTML5文件是強(qiáng)制性的。以下示例通過W3C驗(yàn)證服務(wù)
書信電報(bào);Span class=quothljsDOCTYPErdquo;燃?xì)廨啓C(jī);lt;!DOCTYPEhtml gt;lt/跨度gt;書信電報(bào);Span class=quothljs標(biāo)簽;燃?xì)廨啓C(jī);書信電報(bào);lt;跨類=ldquo;hljs; 燃?xì)廨啓C(jī);標(biāo)題gt;燃?xì)廨啓C(jī);書信電報(bào);lt/Span/Span gt;我的頭銜lt;lt;跨類=ldquo;hljs標(biāo)簽;燃?xì)廨啓C(jī);lt/書信電報(bào);Span class=quothljs;燃?xì)廨啓C(jī);標(biāo)題lt;書信電報(bào);交叉gt;燃?xì)廨啓C(jī);lt/跨度gt;書信電報(bào);Span class=quothljs標(biāo)簽;燃?xì)廨啓C(jī);書信電報(bào);lt;跨類=ldquo;hljs標(biāo)題;燃?xì)廨啓C(jī);lt/跨度gt;燃?xì)廨啓C(jī);書信電報(bào);標(biāo)題gt;書信電報(bào);我的頭/span class=quohljs標(biāo)簽;燃?xì)廨啓C(jī);lt/書信電報(bào);Span class=quothljs;燃?xì)廨啓C(jī);標(biāo)題lt;lt/跨度gt;燃?xì)廨啓C(jī);lt/跨度gt;書信電報(bào);Span class=quothljs標(biāo)簽;燃?xì)廨啓C(jī);書信電報(bào);lt;跨類=ldquo;hljs標(biāo)題;燃?xì)廨啓C(jī);燃?xì)廨啓C(jī);燃?xì)廨啓C(jī);書信電報(bào);p lt/Span/Span gt;墻上的字;Span class=quothljs標(biāo)簽;燃?xì)廨啓C(jī);lt/書信電報(bào);Span class=quothljs;燃?xì)廨啓C(jī);p/span gt;燃?xì)廨啓C(jī);lt/跨度gt;本例中唯一重要的標(biāo)記是HTML5的新內(nèi)容。沒有它,瀏覽器將無法檢測(cè)到它。這是一份HTML5文件。問:如果所有現(xiàn)代瀏覽器都遵循相同的HTML5規(guī)范(規(guī)范是定義有效文件并提供瀏覽器必須如何解釋和呈現(xiàn)文檔的信息的一組規(guī)則),那么為什么跨瀏覽器支持仍然很重要。不幸的是,現(xiàn)實(shí)情況是沒有瀏覽器仍然支持HTML5規(guī)范中定義的所有規(guī)則。大多數(shù)瀏覽器支持大部分規(guī)范,但對(duì)HTML5規(guī)范的瀏覽器解釋仍存在差異。因此,開發(fā)人員有必要使用支持所有瀏覽器的方面來顯示其內(nèi)容。這就是為什么盡管規(guī)范有所改進(jìn),跨瀏覽器支持仍然是開發(fā)人員頭疼的問題。
問:討論性HTML5,特別是它在現(xiàn)實(shí)世界中的局限性和問題。今天,隨著網(wǎng)頁和應(yīng)用程序的使用越來越多,依賴輔助技術(shù)的人變得比以往任何時(shí)候都重要。任重道遠(yuǎn),HTML5推出新的用戶界面功能,讓那些依賴輔助技術(shù)的人更容易使用網(wǎng)絡(luò)。不過,也有問題。其中一個(gè)問題是,開發(fā)人員和設(shè)計(jì)工程師以前沒有對(duì)網(wǎng)頁或應(yīng)用程序的這方面給予太多關(guān)注。在他們的辯護(hù)中,如上所述,他們的主要原因之一是現(xiàn)有的HTML5接口Web訪問沒有特征?,F(xiàn)在,即使開發(fā)者希望在應(yīng)用程序中實(shí)現(xiàn)額外的功能選項(xiàng),任何新興的網(wǎng)絡(luò)技術(shù)都會(huì)面臨一個(gè)永恒的問題:瀏覽器支持HTML5是跨瀏覽器跟蹤**常見的輔助功能。為了實(shí)現(xiàn)輔助功能并覆蓋所有瀏覽器,開發(fā)人員需要額外的時(shí)間。這是一個(gè)關(guān)鍵的因素,客戶需要預(yù)見,如果他們想要他們的Web應(yīng)用程序和網(wǎng)頁的邊緣,什么是可能與今天的技術(shù)。
問:解釋HTML5Web存儲(chǔ),討論其安全性考慮,以及本地存儲(chǔ)和sessionStorage的區(qū)別,HTML5的網(wǎng)頁數(shù)據(jù)使用Web存儲(chǔ)在本地用戶的瀏覽器中。在早期版本中,開發(fā)人員只能使用cookies。新的網(wǎng)絡(luò)存儲(chǔ)更安全、更快。與cookies不同,存儲(chǔ)來自Web的數(shù)據(jù)不包括每個(gè)服務(wù)器的請(qǐng)求,僅在請(qǐng)求時(shí)使用。數(shù)據(jù)以名稱和值對(duì)的形式存儲(chǔ)。另一個(gè)好處是cookies存儲(chǔ)限制。網(wǎng)絡(luò)存儲(chǔ)容量可以達(dá)到5MB,其內(nèi)容不會(huì)傳輸?shù)椒?wù)器。網(wǎng)頁只能訪問存儲(chǔ)的數(shù)據(jù),因?yàn)槊總€(gè)來源都有限制。
需要注意的是,雖然Web的收儲(chǔ)比餅干更重要,但還是有值得記住的。這比使用餅干要好,因?yàn)閮?nèi)容沒有連接,但是本地存儲(chǔ)沒有加密。因此,諸如安全令牌之類的敏感數(shù)據(jù)不能存儲(chǔ)在Web應(yīng)用程序中,而不應(yīng)依賴于Web中存儲(chǔ)的數(shù)據(jù),此時(shí)惡意用戶可以隨時(shí)輕松修改本地存儲(chǔ)的數(shù)據(jù)和sessionStorage值。說到sessionStorage,本地存儲(chǔ)和sessionStorage的區(qū)別涉及存儲(chǔ)壽命和范圍。通過數(shù)據(jù)存儲(chǔ),本地存儲(chǔ)是永久性的:它不會(huì)過期,仍然是存儲(chǔ)在用戶計(jì)算機(jī)上的一個(gè)Web應(yīng)用程序刪除它,或者用戶要求瀏覽器刪除它。另一方面,sessionStorage與存儲(chǔ)運(yùn)行腳本的瀏覽器標(biāo)記具有相同的生存期。當(dāng)卡關(guān)閉時(shí),它將通過任何數(shù)據(jù)存儲(chǔ)sessionStorage被刪除。不同的有限本地存儲(chǔ)源sessionStorage是窗口范圍。例如,如果用戶有兩個(gè)顯示來自同一源文件的數(shù)據(jù)的瀏覽器標(biāo)記,則兩個(gè)單獨(dú)的sessionStorage數(shù)據(jù)腳本在一個(gè)標(biāo)記上運(yùn)行,并且無法讀取或覆蓋腳本在其他選項(xiàng)卡上寫入的數(shù)據(jù),即使這兩個(gè)選項(xiàng)卡訪問完全相同的頁面并運(yùn)行相同的腳本。
問:解釋一下什么是網(wǎng)絡(luò)工作者JavaScript是一種單線程語言,因此不能同時(shí)運(yùn)行多個(gè)腳本網(wǎng)絡(luò)工作者是一種新的ApI,它在瀏覽器上下文中運(yùn)行腳本,獨(dú)立于其他腳本,在自己的線程中運(yùn)行。因此,網(wǎng)頁不需要等待網(wǎng)站工作人員完成,從而提高了性能和響應(yīng)能力,因?yàn)橛脩羧匀豢梢栽诤笈_(tái)網(wǎng)絡(luò)工作者網(wǎng)絡(luò)工作者與網(wǎng)頁進(jìn)行交互,例如,完美地運(yùn)行腳本和進(jìn)行繁重的計(jì)算。
綜上所述,我們只需要頂級(jí)HTML5開發(fā)商的知識(shí)。尋找HTML5真正的高手是一個(gè)挑戰(zhàn)。我們希望您發(fā)現(xiàn)本文中提出的基本問題對(duì)您所追求的HTML5開發(fā)人員有用。找到這樣的候選人是值得的,因?yàn)樗麄儫o疑會(huì)對(duì)團(tuán)隊(duì)的效率和結(jié)果產(chǎn)生重大的積極影響
謝潑德設(shè)計(jì)
產(chǎn)品相關(guān)內(nèi)容用戶體驗(yàn)停留在細(xì)節(jié)思維導(dǎo)圖,享受**基本的權(quán)利
http://ywxrmy.cn/jianzhanzhishi/1126.html 重要指南HTML5面試