整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
敬的頭條編程愛好者們，這些HTML5面試問題是學技巧專門整理的，讓您了解您在面試HTML5中可能遇到的問題的性質。根據我的經驗，訪問者很少打算在面試中提出任何特定的問題，通常問題從一些基本概念開始，后來他們繼續基于進一步的討論和你的回答：
什么是HTML5？
HTML5是替代HTML 4.01，XHTML 1.0和XHTML 1.1的HTML標準的下一個主要版本。HTML5是在萬維網上構建和呈現內容的標準。
命名HTML5的一些新功能。哪些瀏覽器支持HTML5？HTML5向后兼容舊版瀏覽器？HTML標簽是否區分大小寫？HTML5中“section”標簽的目的是什么？HTML5中“文章”標簽的目的是什么？HTML5中的“替代”標簽的目的是什么？HTML5中“標頭”標簽的目的是什么？HTML5中“footer”標簽的目的是什么？HTML5中的“nav”標簽的目的是什么？
該標簽代表用于導航的文檔的一部分。
HTML5中的“對話”標簽的目的是什么？
該標簽可用于標記會話。
HTML5中“figure”標簽的目的是什么？
該標簽可用于將標題與某些嵌入式內容（如圖形或視頻）相關聯。
HTML5中的自定義屬性是什么？
自定義數據屬性從數據開始，并將根據您的要求進行命名。以下是簡單的例子 -
<div class="example" data-subject="physics" data-level="complex"> ...</div>
以上將是完美有效的HTML5與兩個自定義屬性稱為數據主題和數據級別。您將能夠以與獲取標準屬性相似的方式使用JavaScript API或CSS獲取這些屬性的值。
HTML5中“輸出”標簽的目的是什么？
HTML5引入了一個新元素<output>，用于表示不同類型輸出的結果，例如腳本輸出的輸出。
HTML5中“占位符”屬性的目的是什么？
HTML5引入了一個名為placeholder的新屬性。<input>和<textarea>元素上的此屬性為用戶提供了可在字段中輸入的內容。占位符文本不能包含回車符或換行符。
HTML5中“autofocus”屬性的目的是什么？
這是一個簡單的一步模式，在文檔加載時可以方便地在JavaScript中編程，自動對焦一個特定的表單字段。
HTML5中“必需”屬性的目的是什么？
HTML5引入了一個稱為required的新屬性，它將堅持在輸入控件中具有一個值。
HTML5中的會話存儲是什么意思？
HTML5引入了sessionStorage屬性，這些屬性將由站點使用以將數據添加到會話存儲，并且它可以訪問該窗口中同一站點的任何頁面，即會話，一旦您關閉窗口，會話將會丟失。
HTML5中的本地存儲是什么意思？
HTML5引入了localStorage屬性，該屬性將用于訪問頁面的本地存儲區域，而不需要任何時間限制，并且每當您使用該頁面時，本地存儲將可用。
HTML5中“canvas”標簽的目的是什么？
HTML5元素<canvas>為您提供了使用JavaScript繪制圖形的簡單而強大的方法。它可以用于繪制圖形，制作照片作品或做簡單（而不是那么簡單）的動畫。
HTML5中“音頻”標簽的目的是什么？
HTML5支持用于將聲音內容嵌入到HTML或XHTML文檔中的<audio>標簽。目前的HTML5草案規范沒有指定音頻標簽中應支持的音頻格式。但是最常用的音頻格式是ogg，mp3和wav。
您可以使用<source>標簽來指定媒體以及媒體類型和許多其他屬性。音頻元素允許多個源元素和瀏覽器將使用第一個識別的格式。
HTML5中的“視頻”標簽的目的是什么？
HTML5支持用于將視頻文件嵌入到HTML或XHTML文檔中的<video>標簽。目前的HTML5草案規范沒有指定瀏覽器在視頻標簽中應該支持哪些視頻格式。但最常用的視頻格式是 -
Ogg -Ogg文件與Thedora視頻編解碼器和Vorbis音頻編解碼器。
mpeg4 -具有H.264視頻編解碼器和AAC音頻編解碼器的MPEG4文件。
您可以使用<source>標簽來指定媒體以及媒體類型和許多其他屬性。音頻元素允許多個源元素和瀏覽器將使用第一個識別的格式。
什么是HTML中的Geolocation API？
HTML5 Geolocation API可讓您與自己喜歡的網站分享您的位置。Javascript可以捕獲您的緯度和經度，并且可以發送到后端Web服務器，并且可以通過查找本地業務或在地圖上顯示您的位置來進行奇特的位置感知。
今天，大多數瀏覽器和移動設備支持Geolocation API。地理位置API使用全局導航對象的新屬性，即。可以創建的地理位置對象如下：
var geolocation=navigator.geolocation;
地理位置對象是允許小部件檢索有關設備地理位置的信息的服務對象。
HTML5的geolocation對象的getCurrentPosition（）方法的目的是什么？
該方法檢索用戶的當前地理位置。
HTML5的geolocation對象的watchPosition（）方法的目的是什么？
此方法檢索有關設備當前地理位置的定期更新。
HTML5的geolocation對象的clearPosition（）方法的目的是什么？
此方法將取消正在進行的watchPosition調用。
今天的分享就到這里，希望對大家有所幫助，感謝關注學技巧的每一位老鐵們，祝大家代碼寫的越來越好。
著移動互聯網時代的到來，HTML5流行風盛行，HTML5開發工程師在人才市場中變得非常吃香。而20129年的今天，招聘網站上的HTML5開發工程師職位數量依舊龐大。那么求職者們怎樣才能成功的面試上HTML5開發工程師崗位呢？除了要有一份精美的簡歷，還得做好充足的面試準備，其中最重要的是需要了解一些用人企業常問的HTML5面試題和套路。那下來千鋒武漢HTML5培訓小編就給小伙伴們分享六個面試題，都是用人企業愛問的，你一定要仔細看哦！
首先，千鋒武漢HTML5培訓小編先向各位簡單的介紹下面試流程。大公司的面試流程分為筆試—項目經理面談—總監面談—機試—HR面談五大部分。筆試題目不會太難，都是些基礎題目，且js部分占的比例較多，主要是企業想了解你的前端基礎如何；面談過程都會比較輕松，對方的面試官會在與你聊天的過程中，問你一些相關的技術問題，這個稍后下面著重介紹；機試給你一個頁面，然后讓你在電腦上用代碼寫出來；最后才是HR與你談薪資待遇。
那么，用人企業的項目經理和技術總監一般會問哪些的問題呢？項目經理重基礎，問得會比較細，而總監注重架構，全局觀。下面千鋒武漢HTML5培訓小編奉上六個經典的面試問題，都是些基礎題，大家仔細看。
問題一：瀏覽器是怎么對HTML5的離線存儲資源進行管理和加載的？
答：瀏覽器發現html頭部有manifest屬性，它會請求manifest文件，如果是第一次訪問app，那么瀏覽器就會根據manifest文件的內容下載相應的資源并且進行離線存儲。如果已經訪問過app并且資源已經離線存儲了，那么瀏覽器就會使用離線的資源加載頁面，然后瀏覽器會對比新的manifest文件與舊的manifest文件，如果文件沒有發生改變，就不做任何操作，如果文件改變了，那么就會重新下載文件中的資源并進行離線存儲。離線情況下，瀏覽器就直接使用離線存儲的資源。
問題二：JS中有哪些數據類型呢？
答：JS中有5種數據類型：Undefined、Null、Boolean、Number和String。還有一種復雜的數據類型object，object本質是一組無序的名值對組成的。
問題三：IE瀏覽器css浮動與兼容性問題
答：浮動之后，需要清除浮動才不會產生問題。現在主流方法是在浮動元素的父級添加一個class，內容為：
.clear:after{content:'';display:block;clear:both;}
.clear{zoom:1;}//這個是為了兼容IE
然后父級添加一個class=“clear”即可
問題四：js放在html的不同位置有什么區別嗎？
答：如果使用window.函數，將js代碼放在其中，則放在哪里都是一樣的，因為都是在body加載完再執行的，如果不使用window.函數,放在head中的話，代碼不會被執行，這是因為html執行順序，確切的說是js的執行順序，HTML從上運行到 的時候進入test.js文件。前面的不會運行，也就是被function包起來的不會被運行，這個時候就執行最后一句。去頁面中取元素。但是這個時候，HTML頁面并沒有加載完。所以找不到元素，就會報錯。
問題五：移動html5開發流行的框架有哪些？
答：1、jQueryMobile，jQueryMobile是jQuery在手機上和平板設備上的版本。jQueryMobile不僅會給主流移動平臺帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQueryMobile開發團隊說：能開發這個項目，非常興奮。移動web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動web網站。
2、jQTouch，jQTouch是一個jQuery的插件，主要用于手機上的Webkit瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的Java庫。支持包括iPhone、Android等手機。
問題六：ajax和jsonp的區別是？
答：實現方法完全不一樣。ajax的核心是通過獲取非本頁內容，而jsonp的核心則是動態添加標簽來調用服務器提供的js腳本。
以上千鋒武漢HTML5培訓小編分享的這六條均是第一輪面試時項目經理會問的HTML5開發工程師技術問題。相信這些面試題目都不難，那就請你一定記住它，祝大家面試成功。如您對文中題目的回答有更好答案，請在下方留言，或是遇到過其他的面試題目，也請您留言與大家分享。
如果你想要成為企業需要的Web前端工程師，就應該早做準備，來千鋒武漢Web前端培訓，申請兩周免費試聽，親身感受講師的授課水平。
千鋒武漢Web前端培訓課程結合時下流行技術，加入大數據可視化內容，同時深化了PHP+MySQL開發內容，精準匹配企業線下及未來需求，學員可接觸HTML5開發、微信開發、微信支付、小程序開發、Web網站開發、Web管理系統開發等項目，能夠積累更多開發經驗，學員畢業之后可以無縫對接真實工作需求。關注“武漢千鋒”微信公眾號，小千會定期為大家分享最新Web前端發展趨勢。
、響應式設計
在HTML5真的要來改變移動開發平臺之前，必須要邁出極為重要的一步，那就是“響應式設計”，也就是屏幕可以由相對應的內容而自動的去調整大小。然而響應式設計也是一件特別不容易去做到的事情，因為在當今的社會，各式各樣設備的出現實在讓諸多開發者眼花繚亂，手足無措。
如果你想要做好響應式的設計理念，那么就必須洞悉內容與屏幕之間的不同反饋關系，響應式設計是需要完全的離開“流”，這一過程還在不斷的繼續著，而HTML5技術會讓它最終成為可能。
二、Canvas 標記
Canvas 標記很多年前就被當作一個新的 HTML 標記成員加入到了 HTML5 標準中。在此之前，人們要想實現動態的網頁應用，只能借助于第三方的插件，比如 Flash 或 Java，而引入了 Canvas 標記后，人們直接打通了通往神奇的動態應用網頁的大門。本教程內容只覆蓋了一小部分、但卻是非常重要的 canvas 標記的應用功能圖像顯示和處理。
圖像來源
最常見的在 canvas 上畫圖的方法是使用 Javascript Image 對象。所支持的來源圖片格式依賴于瀏覽器的支持，然而，一些典型的圖片格式(png，jpg，gif 等)基本上都沒有問題。
圖片可以從 DOM 中已經加載的元素中抓取，也可以按需即時創建。
// 抓取頁面上已有的圖片。
myImage=new Image ();
myImage.src=‘image.png’;
大多數支持 canvas 標記的瀏覽器的當前版本中，當圖片還沒有加載完成時，如果你要去畫它，結果是什么事情都不會發生。也就是說，如果你想畫一個圖片，你需要等它完全加載。你可以使用圖片對象的 onload 函數來進行判斷。
// Create an image.
myImage=new Image ();
myImage.onload=function () {
// Draw image.
myImage.src=‘image.png’;
HTML 5 是一個新的網絡標準，目標在于取代現有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準
它希望能夠減少瀏覽器對于需要插件的豐富性網絡應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 與 Sun JavaFX 的需求。
HTML 5 提供了一些新的元素和屬性，反映典型的現代用法網站。其中有些是技術上類似 <div> 和 <span> 標簽，但有一定含義，例如 <nav>（網站導航塊）和 <footer>。這種標簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能，通過一個標準接口，如 <audio> 和 <video> 標記。
一些過時的 HTML 4 標記將取消，其中包括純粹用作顯示效果的標記，如 <font> 和 <center>，因為它們已經被 CSS 取代。還有一些透過 DOM 的網絡行為（via）。
下面我們來看一下HTML 5提供的一些新的標簽用法以及和HTML 4的區別。
<article>標簽定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章，或者來自 blog 的文本，或者是來自論壇的文本。亦或是來自其他外部源內容。
HTML5:<article></article>
HTML4:<div></div>
<aside>標簽定義 article 以外的內容。aside 的內容應該與 article 的內容相關。
HTML5:<aside>Aside 的內容是獨立的內容，但應與文檔內容相關。</aside>
HTML4:<div>Aside 的內容是獨立的內容，但應與文檔內容相關。</div>
<audio> 標簽定義聲音，比如音樂或其他音頻流。
HTML5:<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>
HTML4:<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object>
<canvas> 標簽定義圖形，比如圖表和其他圖像。這個 HTML 元素是為了客戶端矢量圖形而設計的。它自己沒有行為，但卻把一個繪圖 API 展現給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
