前端HTML5 常見面試題及答案(匯總)

2020-12-09 進擊的小科
HTML

HTML5有哪些特性

(1) 繪畫canvas

(2) 用於媒介回放的video和audio元素

(3) 本地離線存儲localStorage長期存儲數據，瀏覽器關閉後數據不丟失

(4) sessionStorage的數據在瀏覽器關閉後自動刪除

(5) 語義化更好的內容元素，比如article,footer,header,nav,section

(6) 表單控制項

，calendar,date,time,email,url等

(7) 新的技術webworker,websockt,Geolocation

(8) 移出的元素

a.純表現的元素：basefont,big,center,font等

b.產生負面影響的元素：frame frameset等

(9) ie8 7 6 支持通過document.createElemet 方法產生新的標籤，可以利用這 一特性讓這些瀏覽器支持html5新標籤

Html和xhtml有什麼區別？

html是一種基本的web網頁設計語言，xhtml是一個基於XML的指標語言。

最主要的不同： XHTML元素必須正確地被嵌套，元素必須關閉，標籤必須小寫，必須有根元素。

對WEB標準以及w3c的理解與認識？

Web標準就是將頁面的結構、表現和行為各自獨立實現，w3c對標註提出了規範化的要求：

1.對結構的要求：（標籤規範可以提高搜尋引擎對頁面的抓取效率，對SEO很有幫助）

1）標籤字母要小寫； 2）標籤要閉合； 3）標籤不允許隨意嵌套。

2.對css和js的要求：1）儘量使用外聯css樣式表和js腳本，使結構、表現和行為分成三塊，符合規範，同時提高頁面渲染速度，提高用戶體驗； 2）樣式儘量少用行間樣式表，使結構與表現分離，標籤的id和class命名要做到見文知義，標籤越少，加載越快，用戶體驗更高，代碼維護更簡單，便於改版； 3）不需要變動頁面內容，便可提供列印版本而不需要複製內容，提高網站易用性

HTML5有哪些優勢？

相關性標記/代碼簡潔語義清晰簡明的表單和網絡應用程式緩存式離線應用程式

相關焦點

  • 2020Web前端開發常見面試題匯總-開課吧
    2020Web前端面試題了解一些面試題及答案，可以幫助自己順利通過面試哦。以下是小編為大家整理的web前端面試題及答案，供各位參考。Web前端面試題：異步請求適合在哪個生命周期調？解析：官實例的異步請求是在mounted命周期中調的，實際上也可以在created命周期中調。Web前端面試題：各個生命周期的作用是什麼？
  • 2020Web前端常見經典面試題及答案-開課吧
    Web前端常見面試題及答案問題：js有哪些類型？本文收錄了一些在Web前端開發面試中經常會遇到的面試題及答案，希望對大家有所幫助，若有所疏漏歡迎指正。
  • 阿里盒馬前端面試,你要的答案來了
    最近有一篇阿里盒馬前端面試題被各大社區轉載，而且據稱這是阿里校招面試題，我看完以後，簡直驚呆了，打死都不信。今天特意針對他們發的一面，把對應的答案整理了一些。請先做個自我介紹 我是河畔一角，11年畢業，畢業後先從事JAVA方向開發，後在13年轉為前端。
  • 2020Web前端開發常見面試題及答案全解析-開課吧Web前端
    Web前端開發問題一：前端如何進行seo優化，以下說法錯誤的是：A.爬蟲依賴於標籤來確定上下文和各個關鍵字的權重；C語義化是為了利於人的閱讀不管html還是html5或者是xml都可儘量做到語義化。解析：title 指圖片的信息（滑鼠移到圖片上顯示）、alt 指圖片不顯示時顯示的文字以上就是小科今天整理提供的Web前端開發面試題，希望為Web前端同學提供了有用的面試素材，以後酷仔每日均會提供Python及Web相關的習題。
  • 阿里盒馬前端校招面試,你要的答案來了
    最近有一篇阿里盒馬前端面試題被各大社區轉載，而且據稱這是阿里校招面試題，我看完以後，簡直驚呆了，打死都不信
  • 超全整理前端開發面試題——HTML篇(2016年)
    https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers本文由我收集總結了一些前端面試題，初學者閱後也要用心鑽研其中的原理，重要知識需要系統學習、透徹學習，形成自己的知識鏈。萬不可投機取巧，臨時抱佛腳只求面試僥倖混過關是錯誤的！
  • 開課吧:2020Web前端開發常見面試題及答案,提高面試通過率!
    Web前端開發面試題及答案問題：實現節流函數（throttle）解析：防抖函數原理：規定在個單位時間內，只能觸發次函數。以上就是小科今天整理提供的Web前端開發面試題，希望為Web前端同學提供了有用的面試素材，以後小科每日均會提供Python、Web及MySQL資料庫相關的習題。學習沒有捷徑，希望大家都能少走一些彎路，順利找到工作！
  • 2020 前端面試|第二波面試題總結
    前言哈，看樣子年後跳槽還是大家比較關心的一件事情了，繼第一波面試題匯總的反響和評論，觀看和點讚的朋友們很多，我繼續將後續面試的一些內容寫出來，有很多面試題答案我自己寫的比較含糊，但是在面試的過程中是描述的表較多的。畢竟寫文字要寫出來太多了。我也只是寫了一個大概，如果對答案不太滿意的同學可以自行查詢標準答案哈。
  • 程式設計師福利,web前端工程師(HTML)面試題及答案
    啦啦啦，又到周二啦，上周，思妹兒給大家分享了幾道前端工程師的面試題，發現好多小夥伴都需要啊！嘿嘿，不枉費我在公司找的題，既然很多小夥伴都需要。思妹兒決定，以後每周都會給大家分享一些面試題和答案，希望能夠幫助到大家喲~Q：每個HTML文件裡開頭都有個很重要的東西：<!DOCTYPE>這是幹什麼的嗎？
  • Web前端面試題目匯總
    來自： 燎原之火的博客 _ Lyzh's blog作者： Lyzh連結：http://blog.linjiajun.com/2016/03/15/2016年Web前端面試題目匯總/ （點擊尾部閱讀原文前往）以下是收集一些面試中經常會遇到的經典面試題以及自己面試過程中無法解決的問題，通過對知識的整理以及經驗的總結，重新鞏固自身的前端基礎知識，如有錯誤或更好的答案，歡迎指正。
  • 【乾貨】各大網際網路公司前端筆試面試題–HTML,CSS篇
    很多面試題是我自己面試BAT親身經歷碰到的。整理分享出來希望更多的前端er共同進步吧，不僅適用於求職者，對於鞏固複習前端基礎更是大有裨益。而更多的題目是我一路以來收集的，也有往年的，答案不確保一定正確，如有錯誤或有更好的解法，還請斧正。前面幾題是會很基礎，越下越有深度。1.你做的頁面在哪些流覽器測試過？
  • 【前端面試題】01—42道常見的HTML5面試題(附答案)
    但在面試中，HTML5部分的面試題主要考察應試者對HTML5API的掌握情況，這是HTML5的重點，也正是這些API推動了前端的發展。有些人認為HTML5隻是新增了一些語義化HTML標籤，或者HTML5隻是對HTML做了拓展，我們只須了解HTML相關知識的觀點是不正確的。今天我們將跟大家分享42道HTML5的相關面試題。
  • 每日一學:2020Web前端面試題匯總,提高面試成功機率-開課吧
    本文收錄了一些在Web前端開發面試中經常會遇到的面試題及答案，希望對大家有所幫助，若有所疏漏歡迎指正。2020Web前端面試題Web前端面試題：怎樣查找字符串中出現最多的字符和個數？{ num= $0.length;char = $1;}});console.log(`字符最多的是${char}，出現了${num}次`);Web前端面試題題
  • 2019 前端面試題匯總(主要為 Vue)
    （給前端大全加星標，提升前端技能）作者：前端小醬https://segmentfault.com/a/1190000018225708
  • 2020Web前端面試題匯總-開課吧
    Web前端面試題說說前端中的事件流？以上就是小科今天整理提供的Web前端開發面試題，希望為Web前端同學提供了有用的面試素材，以後小科每日均會提供Python、Web及MySQL資料庫相關的習題。學習沒有捷徑，希望大家都能少走一些彎路，順利找到工作！
  • 好程式設計師web前端培訓分享HTML/CSS部分面試題
    好程式設計師web前端培訓分享HTML/CSS部分面試題。準備參加web前端面試的小夥伴們一起看一看吧，希望能夠對大家有所幫助！ 5、什麼是CSS Hack? 一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack。 IE瀏覽器Hack一般又分為三種，條件Hack、屬性級Hack、選擇符Hack(詳細參考CSS文檔：css文檔)。
  • Web前端面試題目及答案匯總
    以下是收集一些面試中經常會遇到的經典面試題以及自己面試過程中無法解決的問題
  • 2020最新Web前端經典面試題試題及答案(持續更新)-開課吧
    Web前端面試題Web前端面試題：說說你對webpack的看法解析：webpack是一個模塊打包工具，可以使用webpack可以將代碼切割成不同的chunk，實現按需加載，降低了初始化時間支持sourceUrls和sourceMaps，易於調試具有強大的plugin接口，大多是內部插件，使用起來比較靈活webpack使用異步IO並具有多級緩存，在增亮編譯上更加快Web前端面試題
  • 2020Web前端工程師常見面試問題及答案解析
    Web前端面試題及答案 混合開發橋接api是怎麼調用的，需要引入類庫嘛？ 調用的對象是什麼？ Hybrid框架結構HyBrid App = H5 App + Native框架H5App用來實現功能邏輯和頁面渲染 Native框架提供WebView和設備接口供H5調用方案一種混合應用，在開發原生應用的基礎上，嵌入WebView但是整體的架構使用原生應用提供，一般這樣的開發由Native開發人員和Web前端開發人員組成。
  • 前端工程師面試題匯總
    常見兼容性問題？li與li之間有看不見的空白間隔是什麼原因引起的？有什麼解決辦法？經常遇到的瀏覽器的兼容性有哪些？原因，解決方法是什麼，常用hack的技巧 ？為什麼要初始化CSS樣式。absolute的containing block計算方式跟正常流有什麼不同？