1.简述HTML5的优缺点？
优势：
1、网络标准统一，HTML5由W3C推出。
2. 多设备、跨平台、便携性强。
3.自适应网页设计。
4.即时更新。
5、增加了几个新标签，帮助开发者定义重要内容；
6、为网站带来视频、音频等多媒体元素；
7. Flash和Silverlight的一个很好的替代品；
8、对于网站抓取和索引方面对SEO非常友好；
9.可广泛应用于移动应用和游戏。
缺点：
1.声音问题：HTML5的声音制作存在很大问题。
2.安全问题：Firefox 4的web socket和透明代理的实现存在严重的安全问题。 Web存储、Web套接字等功能很容易被黑客利用，导致用户信息和数据被盗。
3. 完整性：每个浏览器对某些功能的支持程度不同。
4、技术门槛：HTML5在简化开发者工作的同时，也意味着有很多新的属性和API需要开发者学习，这就提高了技术门槛。
5. 性能：某些平台上的引擎问题导致 HTML5 性能较低。
6、浏览器兼容性：几乎所有IE9以下的浏览器都不兼容。
2. 简单介绍一下浏览器页面由几层组成，对应的功能是什么？
浏览器页面由三层组成，即结构层、表示层和行为层。
结构层是由HTML或XHTML等标记语言创建的，其功能是实现页面的结构。
表现层是由CSS创建的，其作用是完成页面的表现和样式。
网页的行为层是由JavaScript创建的，其功能是实现一些客户端功能和相应的业务。
3、Doctype的作用是什么？
该声明称为文档类型定义（DTD），声明的目的是告诉浏览器所声明的文件的类型。 让浏览器解析器知道解析文档需要什么规范。
4. 什么是严格模式和混合模式？ 如何区分？ 重点是什么？
定义：
严格模式：也称为标准模式游戏评测，是指浏览器按照W3C标准解析代码。
混合模式：也称为奇怪模式或兼容模式，它意味着浏览器以自己的方式解析代码。
辨别方法：
1、严格DTD——严格模式：文档包含严格的DOCTYPE，一般以严格模式呈现。
2.带有URI的过渡DTD——严格模式； 没有 URI 的过渡 DTD - 混合模式。
3. DTD 不存在或格式不正确 - 混合模式。
4. HTML5并不严格也不杂乱。
意义：
浏览器解析时使用严格模式还是混合模式是由网页中的DTD声明决定的。 DTD声明定义了标准文档类型（标准模式解析）文档类型，这将导致浏览器加载网页并以相应的方式显示。 如果忽略 DTD 声明，网页将进入混合模式。
5、简单介绍HTML5并解释其出现的原因。
介绍：
HTML5 是 HTML 的最新版本。 它是万维网联盟（W3C）于2014年10月完成的一套技术组合，包括HTML、CSS和JavaScript。 主要功能是减少网络浏览器对需要插件的丰富网络应用服务的需求，并提供更多能够有效增强网络应用的标准集。 最终目标是取代1999年制定的HTML 4.01和XHTML 1.0标准。希望在互联网应用快速发展时期，网络标准能够满足时代对网络的需求。
原因：
随着时代的发展，HTML4已经不能满足日益增长的互联网的需求。 为了增强浏览器功能，广泛使用Flash，导致稳定性和安全性较差，不适合在移动终端上使用。 在这种情况下，HTML5应运而生。 它增强了浏览器的原生功能游戏开发素材，减少了Web应用对插件的依赖，给开发带来了便利，也带来了更好的用户体验。
6、说说你对WEB标准和W3C的认识和理解
1、Web标准要求书写标签必须闭合、小写、不能随意嵌套，这样可以提高搜索机器人搜索网页内容的概率。
2、建议使用外部链接css和js脚本，实现结构与行为、结构与性能分离，提高页面的渲染速度，更快地展示页面内容。
3、样式和标签分离以及更合理的语义标签使得内容可以被更多的用户访问，内容可以被更广泛的设备访问，并且需要更少的代码和组件，从而减少维护成本和版本更新。 方便的。
4、在不改变页面内容的情况下，无需复制内容即可提供打印版，提高了网站的可用性。 遵循w3c制定的Web标准，可以让用户更容易阅读，也可以让Web开发者变得更好。 的沟通。
7.什么是WebGL？ 有什么优点？
WebGL（全称Web Graphics Library）是一个3D绘图标准。 该绘图技术标准允许 JavaScript 和 OpenGL ES 2.0 相结合。 通过添加 JavaScript 绑定到 OpenGL ES 2.0，WebGL 可以为 HTML5 Canvas 提供硬件 3D。 加速渲染，使 Web 开发人员可以使用系统显卡在浏览器中更流畅地显示 3D 场景和模型，并创建复杂的导航和数据可视化。 显然，WebGL技术标准免去了开发网页专用渲染插件的麻烦，可以用来创建复杂3D结构的网站页面，甚至可以用来设计3D网页游戏等。
WebGL完美解决了现有Web交互3D动画的两个问题：
首先，它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持；
其次，它利用底层图形硬件加速功能，通过统一、标准、跨平台的OpenGL接口进行图形渲染。
通俗地说，就是WebGL中canvas绘图的3D版本。 由于原生WebGL非常复杂，所以我们经常会用到一些第三方库，比如Three.js等，这些库大部分用于HTML5游戏开发。
8. 您能描述一下cookie、sessionStorage 和localStorage 之间的区别吗？
饼干：
在浏览器和服务器之间来回传递。
每个域名的存储容量比较小（不同浏览器，大约4K）
所有域名的存储容量有限（不同浏览器，大约4K）
有数量限制（不同浏览器）
本地存储：
仅保存在本地。
永久存储
单个域名存储容量较大（建议5MBflash经典游戏制作范例导航，各个浏览器不同）
总量无限
会话存储：
仅保存在本地。
仅在会话内有效
更大的存储容量（建议不限制，但实际每个浏览器不同）
9. 告诉我你对 HTML 语义的理解？
1.什么是HTML语义？
基本上都是围绕几个主要标签，如标题（H1~H6）、列表（li）、强调（strong em）等。根据内容的结构（内容语义），选择合适的标签（代码语义）使开发人员更容易阅读和编写更优雅的代码，同时允许浏览器爬虫和机器很好地解析它。
2. 为什么是语义？
为了即使没有CSS，页面也有良好的内容结构和代码结构：裸跑时好看；
用户体验：例如标题和alt用于解释名词或解释图片信息，以及标签的灵活运用；
有利于SEO：与搜索引擎建立良好的沟通，有助于爬虫抓取更有效的信息：爬虫依靠标签来确定每个关键词的上下文和权重；
促进其他设备（例如屏幕阅读器、盲人阅读器、移动设备）的解析，以有意义的方式呈现网页；
更容易团队开发和维护，语义更具可读性。 是网页下一步的重要趋势。 遵循W3C标准的团队都遵循这个标准，这样可以减少差异化。
3. 语义标签
SM：用于表示页面上一组结构完整且独立的内容部分
SM：主题的辅助信息（用途广泛，主要是辅助内容）。 如果文章中包含一篇文章，那么该文章的作者和信息内容就是这篇文章的附属内容。
SM：媒体元素，比如一些视频、图片等。
SM：选项列表，与输入元素配合使用，定义输入的可能值
SM：用于描述文档或文档的某一部分的细节~默认属性是open~
ps：与summary一起使用
10. 你们的网页在哪些浏览器中进行了测试，这些浏览器的核心是什么？
1.IE：三叉戟内核
2. Firefox：gecko内核
3. Safari、Chromewebkit：webkit内核
4. Opera、Chrome：Blink 内核
11. HTML5有哪些新功能以及删除了哪些元素？
Html5 添加了 27 个新元素并丢弃了 16 个元素。 根据现有的标准和规范，HTML5的元素按照优先级被定义为四类：结构属性、块元素、内联语义元素和交互元素。 。
结构元素主要负责Web上下文结构的定义。
section：在网页应用中，该元素也可用于区域的部分描述。
header：页面主体上的标题。 header 元素通常位于一对 body 元素内。
footer：页面底部（页脚），通常标有网站的相关信息。
nav：专门用于菜单导航和链接导航的元素。 它是导航器的缩写。
文章：用来表达文章的主要内容，通常是文字集中的区域。
层级块元素主要完成网页区域的划分，保证内容的有效划分。
side：用于表达注释、提示、侧边栏、摘要、插入的引用等作为补充内容。
图：是一个将多个元素组合并显示的元素。 它通常与虚构作品结合使用。
code：代表一个代码块。
对话：用来表达人与人之间的对话。 该元素包含两个组合元素：dt 和 dd。 dt用来表示讲话者，dd用来表示讲话的内容。
内联语义元素主要完成对网页具体内容的引用和描述，是丰富内容展示的基础。
米：表示特定范围内的数值，可用于工资、数量、百分比等。
time：代表时间值。
Progress：用于表示进度条，可以通过其max、min、step等属性来控制，完成进度的显示和监督。
video：视频元素，用于支持和实现视频文件的直接播放flash经典游戏制作范例导航，支持缓冲区预加载和多种视频媒体格式。
audio：音频元素，用于支持和实现音频文件的直接播放，支持缓冲区预加载和多种音频媒体格式。
交互元素主要用于功能性内容表达。 内容和数据之间会有一定的关系，它们是各种事件发生的基础。
详细信息：用于表示具体的一段内容，但默认情况下可能不会显示该内容。 只有通过某种方式（例如点击）与图例交互才会显示它。
datagrid：用于控制客户端数据和显示，可以通过动态脚本及时更新。
menu：主要用于交互式菜单（被放弃然后重新启用的元素）。
command：用于处理命令按钮。
12、HTML5的行内元素、块级元素、空元素是什么？
参考答案
(1) 行内元素
a - 锚点
*abbr - 缩写
* 首字母缩写词 - 首字母缩写词
* b - 粗体（不推荐）
* bdo - 比迪覆盖
* 大 - 大字体
* br - 换行符
*引用-引用
* code - 计算机代码（引用源代码时需要）
*dfn - 定义字段
* em - 强调
* font-字体设置（不推荐）
*i - 斜体
* img-图像
* 输入-输入框
* kbd - 定义键盘文本
* 标签-表格标签
*q - 简短的报价
* s - 破折号（不推荐）
* samp - 定义示例计算机代码
* select - 项目选择
* 小 - 小字体文本
* span - 常用的内联容器来定义文本内的块
* 罢工 - 中心线
* 强-大胆强调
* 下标
* super - 上标
* textarea - 多行文本输入框
*tt - 电传文本
* u - 下划线
*var - 定义变量
(2)块元素
* 地址-地址
* blockquote - 块引用
* center - 中心对齐块
* dir - 目录列表
* div - 常用的块级，也是css布局的主要标签
*dl - 定义列表
* fieldset - 表单控制组
* 表单-交互表单
* h1 - 标题
*h2 - 副标题
*h3 - 3 级标题
*h4 - 4 级标题
*h5 - 5 级标题
*h6 - 6 级标题
*hr - 水平分隔线
* isindex - 输入提示
*菜单-菜单列表
* noframes - 框架可选内容，（为不支持框架的浏览器显示此块内容
* noscript - 可选脚本内容（为不支持脚本的浏览器显示）
*ol - 排序形式
*p - 段落
* 预先格式化的文本
*表-表
*ul - 未排序的列表
可变元素
可变元素是块元素或内联元素，具体取决于上下文。
* 小程序 - java 小程序
* 按钮 - 按钮
*del - 删除文本
* iframe - 内联框架
* ins - 插入的文本
* 地图-图片块（地图）
* 对象-对象对象
*脚本-客户端脚本
(3) 空元素（在HTML[1]元素中，没有内容的HTML元素称为空元素）
//新队
//分隔线
//文本框等
//图片
超过
【程序员面试】是一款IT求职工具。 提供C++、JAVA、前端等专业海量笔试题库。 可以进行一线互联网公司笔试面试的在线模拟考试练习。 你可以每天温习题，和有才华的人讨论经典试题，全面提高你的编程能力。 有能力，海量高薪职位信息等你来！ 永远做好下个月离职的准备！ 年薪百万的码农们注意了！
觉得此信息有帮助吗？请转发给更多人
