2021年HTML WEB前端面试题及答案
hello 大家好，我是w3cschool编程狮，今天跟大家分享10个HTML WEB前端面试题及答案。
-----------------------------------------------------------------------------------------------------------------------------------------
1、什么是 HTML
HTML是HTML（超文本标记语言）。它是一种为万维网构建和显示内容的语言，万维网是互联网的核心技术。
WHATWG（Web超文本应用技术工作组）另一次W3C个人聚会认为，W3C没有认真考虑当前方言的现实改进需求，它已经开始处理HTML-HTML5的新确定。因此，HTML5是HTML 4.01和XHTML 1.0的另一种改编，它集中于Web应用程序设计者的必要性上，并且还倾向于在当前细节中发现的问题。
-----------------------------------------------------------------------------------------------------------------------------------------
2、什么是HTML语义化，有什么好处
有助于构架良好的HTML结构
有助于搜索引擎建立索引、抓取，有利于SEO
有利于不同设备的解析
有利于团队的开发维护
-----------------------------------------------------------------------------------------------------------------------------------------
3、为什么要在html文件开头加上一个<!DOCTYPE html>
告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
-----------------------------------------------------------------------------------------------------------------------------------------
4、HTML5为什么只需要写 <!DOCTYPE html>
（1）HTML5 不基于 SGML，因此不需要对 DTD 进行引用，但是需要 DOCTYPE 来规
范浏览器的行为（让浏览器按照它们应该的方式来运行）；
（2）HTML4.01 基于 SGML，所以需要对 DTD 进行引用，才能让浏览器知道该文档所使用的文档类型。
-----------------------------------------------------------------------------------------------------------------------------------------
5、HTML5的新特性
内容元素：article（独立结构）、footer（底部）、header（头部）、nav（导航）、section（分段）。
表单控件：calendar、date、time、email、url、search。
控件元素：webworker, websockt, Geolocation。
表单属性：placehoder, required, min ,max
移出的元素有下列这些：
显现层元素：basefont，big，center，font, s，strike，tt，u。
性能较差元素：frame，frameset，noframe
新增的元素有绘画 canvas ，用于媒介回放的 video（视频） 和 audio（音频） 元素，本地离线存储
localStorage 长期存储数据，浏览器关闭后数据不丢失，而 sessionStorage 的数据在浏
览器关闭后自动删除。
新的技术：canvas,svg,webworker, websocket, Geolocation
-----------------------------------------------------------------------------------------------------------------------------------------
6、div模拟textarea
contenteditable属性，值为布尔值，为true时可以编辑。反之
-----------------------------------------------------------------------------------------------------------------------------------------
7、web标准及w3c的理解和认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链 css 和 js 脚本、结构行为表现的分离，
文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，
容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。
-----------------------------------------------------------------------------------------------------------------------------------------
8、XHTML和HTML的区别
文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法；
html元素必须正确嵌套，不能乱；
属性必须是小写的；
属性值必须加引号；
标签必须有结束，单标签也应该用 “/” 来结束掉；
-----------------------------------------------------------------------------------------------------------------------------------------
9、Iframe的作用
用法：在网页中插入第三方页面，在切换页面时避免重复下载
优点：便于修改，模块分离
缺点：（1）iframe 的创建比一般的 DOM 元素慢了 1-2 个数量级
（2）会阻塞页面的加载
（3）对SEO不友好
-----------------------------------------------------------------------------------------------------------------------------------------
10、web标准及w3c的理解和认识
标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链 css 和 js 脚本、结构行为表现的分离，
文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，
容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性。