App下載

2021年HTML WEB前端面試題及答案

猿友 2020-12-12 16:15:39 瀏覽數(shù) (6751)
反饋

  hello 大家好,我是w3cschool編程獅,今天跟大家分享10個(gè)HTML WEB前端面試題及答案。

-----------------------------------------------------------------------------------------------------------------------------------------

  1、什么是 HTML

  HTML是HTML(超文本標(biāo)記語言)。它是一種為萬維網(wǎng)構(gòu)建和顯示內(nèi)容的語言,萬維網(wǎng)是互聯(lián)網(wǎng)的核心技術(shù)。

  WHATWG(Web超文本應(yīng)用技術(shù)工作組)另一次W3C個(gè)人聚會(huì)認(rèn)為,W3C沒有認(rèn)真考慮當(dāng)前方言的現(xiàn)實(shí)改進(jìn)需求,它已經(jīng)開始處理HTML-HTML5的新確定。因此,HTML5是HTML 4.01和XHTML 1.0的另一種改編,它集中于Web應(yīng)用程序設(shè)計(jì)者的必要性上,并且還傾向于在當(dāng)前細(xì)節(jié)中發(fā)現(xiàn)的問題。

-----------------------------------------------------------------------------------------------------------------------------------------

  2、什么是HTML語義化,有什么好處

  有助于構(gòu)架良好的HTML結(jié)構(gòu)

  有助于搜索引擎建立索引、抓取,有利于SEO

  有利于不同設(shè)備的解析

  有利于團(tuán)隊(duì)的開發(fā)維護(hù)

-----------------------------------------------------------------------------------------------------------------------------------------

  3、為什么要在html文件開頭加上一個(gè)<!DOCTYPE html>

  告訴瀏覽器使用哪個(gè)版本的HTML規(guī)范來渲染文檔。DOCTYPE不存在或形式不正確會(huì)導(dǎo)致HTML文檔以混雜模式呈現(xiàn)。

-----------------------------------------------------------------------------------------------------------------------------------------

  4、HTML5為什么只需要寫 <!DOCTYPE html>

 ?。?)HTML5 不基于 SGML,因此不需要對(duì) DTD 進(jìn)行引用,但是需要 DOCTYPE 來規(guī)

  范瀏覽器的行為(讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行);

  (2)HTML4.01 基于 SGML,所以需要對(duì) DTD 進(jìn)行引用,才能讓瀏覽器知道該文檔所使用的文檔類型。

-----------------------------------------------------------------------------------------------------------------------------------------

  5、HTML5的新特性

  內(nèi)容元素:article(獨(dú)立結(jié)構(gòu))、footer(底部)、header(頭部)、nav(導(dǎo)航)、section(分段)。

  表單控件:calendar、date、time、email、url、search。

  控件元素:webworker, websockt, Geolocation。

  表單屬性:placehoder, required, min ,max

  移出的元素有下列這些:

  顯現(xiàn)層元素:basefont,big,center,font, s,strike,tt,u。

  性能較差元素:frame,frameset,noframe

  新增的元素有繪畫 canvas ,用于媒介回放的 video(視頻) 和 audio(音頻) 元素,本地離線存儲(chǔ)

  localStorage 長期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失,而 sessionStorage 的數(shù)據(jù)在瀏

  覽器關(guān)閉后自動(dòng)刪除。

  新的技術(shù):canvas,svg,webworker, websocket, Geolocation

-----------------------------------------------------------------------------------------------------------------------------------------

  6、div模擬textarea

  contenteditable屬性,值為布爾值,為true時(shí)可以編輯。反之

-----------------------------------------------------------------------------------------------------------------------------------------

  7、web標(biāo)準(zhǔn)及w3c的理解和認(rèn)識(shí)

  標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高搜索機(jī)器人搜索幾率、使用外鏈 css 和 js 腳本、結(jié)構(gòu)行為表現(xiàn)的分離,

  文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件,

  容易維護(hù)、改版方便,不需要變動(dòng)頁面內(nèi)容、提供打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性。

-----------------------------------------------------------------------------------------------------------------------------------------

  8、XHTML和HTML的區(qū)別

  文檔頂部doctype聲明不同,xhtml的doctype頂部聲明中明確規(guī)定了xhtml DTD的寫法;

  html元素必須正確嵌套,不能亂;

  屬性必須是小寫的;

  屬性值必須加引號(hào);

  標(biāo)簽必須有結(jié)束,單標(biāo)簽也應(yīng)該用 “/” 來結(jié)束掉;

-----------------------------------------------------------------------------------------------------------------------------------------

  9、Iframe的作用

  用法:在網(wǎng)頁中插入第三方頁面,在切換頁面時(shí)避免重復(fù)下載

  優(yōu)點(diǎn):便于修改,模塊分離

  缺點(diǎn):(1)iframe 的創(chuàng)建比一般的 DOM 元素慢了 1-2 個(gè)數(shù)量級(jí)

 ?。?)會(huì)阻塞頁面的加載

 ?。?)對(duì)SEO不友好

-----------------------------------------------------------------------------------------------------------------------------------------

  10、web標(biāo)準(zhǔn)及w3c的理解和認(rèn)識(shí)

  標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高搜索機(jī)器人搜索幾率、使用外鏈 css 和 js 腳本、結(jié)構(gòu)行為表現(xiàn)的分離,

  文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件,

  容易維護(hù)、改版方便,不需要變動(dòng)頁面內(nèi)容、提供打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性。


0 人點(diǎn)贊