组成:结构层、表示层、行为层
它们是:HTML、CSS、
功能:HTML实现页面结构,CSS完成页面的表现和风格,实现一些客户端功能和服务。
2. HTML5的优点和缺点是什么?
优势:
A。 网络标准统一,HTML5本身就是W3C推荐的。
b. 多设备、跨平台
C。 即时更新。
d. 提高可用性和用户友好体验;
e. 有几个新标签,将帮助开发者定义重要内容;
F。 可以为网站带来更多的多媒体元素(视频和音频);
G。 它可以成为 Flash 的良好替代品;
H。 当涉及到网站抓取和索引时,对SEO非常友好;
我。 它广泛应用于移动应用程序和游戏。
缺点:
A。 安全性:之前的web和透明代理的实现都存在严重的安全问题。 同时,web、web等功能很容易被黑客利用窃取用户信息和资料。
b. 完整性:许多功能被不同的浏览器不同程度地支持。
C。 技术门槛:HTML5在简化开发者工作的同时,也意味着有很多新的属性和API需要开发者学习,比如web、web、web等新特性、背景知识甚至浏览器原理。 机会也是巨大的。 挑战
d. 性能:某些平台上的引擎问题导致HTML5性能低下。
e. 浏览器兼容性:最大的缺点是IE9以下的浏览器几乎全军覆没。
3、功能? 如何区分严格模式和混合模式? 它们的意义是什么?
(1 声明位于文档中的第一个位置,位于标记之前。它告诉浏览器的解析器使用什么文档类型规范来解析此文档。
(2严格模式排版和JS运行模式按照浏览器支持的最高标准运行。
(3 在混杂模式下,页面以松散、向后兼容的方式显示。模拟旧版浏览器的行为,以防止站点无法工作。(文档缺失或格式不正确将导致文档以混杂模式呈现。
4.HTML5有哪些新功能以及删除了哪些元素?
(1) HTML5的目的是支持移动设备上的多媒体。 新功能如下:
• 语义属性;
• 本地存储功能;
• 三维、图形和特效属性;
• 性能和集成特性;
CSS 特性;
(2) 删除的元素:
·纯表达元素,包括big、font、s、tt、u。
·对可用性产生负面影响的元素,包括框架。
Html5 添加了 27 个新元素并丢弃了 16 个元素。 根据现有的标准和规范,HTML5的元素按照优先级被定义为四类:结构属性、块元素、内联语义元素和交互元素。 。
结构元素主要负责Web上下文结构的定义。
:在网页应用中,该元素也可用于区域章节描述。
:页面主体上的标题。 该元素通常位于一对主体元素内。
:页面底部(页脚),通常包含有关网站的相关信息。
nav:专门用于菜单导航和链接导航的元素,是nav的缩写。
:用来表达文章的主要内容,通常是文字集中的区域。
层级块元素主要完成网页区域的划分,保证内容的有效划分。
side:用于表达注释、提示、侧边栏、摘要、插入的引用等作为补充内容。
:是将多个元素组合并显示的元素,通常与 结合使用。
code:代表一个代码块。
:用于表达人与人之间的对话。 该元素包含两个组合元素:dt 和 dd。 dt用来表示讲话者,dd用来表示讲话的内容。
内联语义元素主要完成对网页具体内容的引用和描述,是丰富内容展示的基础。
米:表示特定范围内的数值,可用于工资、数量、百分比等。
time:代表时间值。
:用于表示进度条。 可以控制max、min、step等属性,完成进度的显示和监督。
video:视频元素,用于支持和实现视频文件的直接播放,支持缓冲区预加载和多种视频媒体格式。
audio:音频元素,用于支持和实现音频文件的直接播放,支持缓冲区预加载和多种音频媒体格式。
交互元素主要用于功能性内容表达。 内容和数据之间会有一定的关系,它们是各种事件发生的基础。
:用于表示某条具体内容,但默认情况下可能不显示该内容。 它将通过某种方式(例如点击)和交互来显示。
:用于控制客户端数据和显示,可以通过动态脚本及时更新。
menu:主要用于交互式菜单(被放弃然后重新启用的元素)。
:用于处理命令按钮。
5. 你们的网页在哪些浏览器中进行了测试,这些浏览器的核心是什么?
A。 IE:内核
b.:壁虎内核
c.:内核
d. Opera:以前是内核,但Opera现在已经切换到Blink内核了。
e.:Blink(基于,与Opera联合开发)
6.对WEB标准和W3C的理解和了解?
标签闭合,小写标签,无嵌套,提高搜索机器人的搜索概率,使用外部链接css和js脚本,结构行为和性能分离,文件下载和页面速度更快,内容可以被更多用户访问,内容可以被更广泛的设备访问,代码和组件更少,易于维护和修改,不需要更改页面内容,无需复制内容即可提供打印版本,提高网站的可用性。
7.HTML5的行内元素、块级元素、空元素是什么?
(1) 行内元素
a - 锚点
*abbr - 缩写
* - 第一个字
* b - 粗体(不推荐)
*bdo-bidi
* 大 - 大字体
* br - 换行符
*引用-引用
* code - 计算机代码(引用源代码时需要)
* dfn - 定义字段
*em - 强调
* font-字体设置(不推荐)
* i - 斜体
* img-图像
* 输入-输入框
* kbd - 定义键盘文本
* 标签-表格标签
*q - 简短的报价
*s - 破折号(不推荐)
* samp - 定义示例计算机代码
* - 项目选择
* 小 - 小字体文本
* span - 常用的内联容器来定义文本内的块
* - 破折号
* - 粗体强调
* 下标
* super - 上标
* - 多行文本输入框
*tt - 电传文本
* u - 下划线
*var - 定义变量
(2) 块元素(block)
* - 地址
* - 块引用
* - 中心对齐块
* dir - 目录列表
* div - 常用的块级别,也是css的主要标签
* dl - 定义列表
* - 形成对照组
* 表单-交互表单
* h1 - 标题
* h2 - 字幕
*h3 - 3 级标题
*h4 - 4 级标题
*h5 - 5 级标题
*h6 - 6 级标题
*hr - 水平分隔线
*-输入
*菜单-菜单列表
* - 可选内容,(对于不支持框架的浏览器显示此块内容
*-) 可选脚本内容(对于不支持的浏览器显示此内容)
*ol - 排序表格
* p - 段落
* 预先格式化的文本
*表-表
*ul - 未排序的列表
可变元素
可变元素是块元素或内联元素,具体取决于上下文。
*-java
* - 按钮
* del - 删除文本
*-框架
* ins - 插入的文本
* map - 图像块(地图)
* - 目的
* - 客户端脚本
(3)空元素(在HTML[1]元素中,没有内容的HTML元素称为空元素)
//新队
//分隔线
//文本框等
//图片
8.什么是WebGL,它有什么优点?
WebGL(全Web)是一个3D绘图标准。 该绘图技术标准允许其与ES 2.0结合。 通过添加与 ES 2.0 的绑定,WebGL 可以为 HTML5 提供硬件 3D 加速渲染,以便 Web 开发人员可以使用系统显卡在浏览器中更流畅地显示 3D 场景和模型,并创建复杂的导航和数据可视化。 显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可以用来创建复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等。
WebGL完美解决了现有Web交互3D动画的两个问题:
首先,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件支持;
其次,它利用底层图形硬件加速功能,通过统一、标准、跨平台的接口进行图形渲染。
通俗地说,就是WebGL中绘图的3D版本。 由于原生WebGL非常复杂,所以我们经常会用到一些第三方库,比如Three.js等,这些库大部分用于HTML5游戏开发。
9 你能描述一下 和 之间的区别吗?
由 HTML5 Web API 提供,可轻松保存 Web 请求之间的数据。 使用本地数据,您可以避免浏览器和服务器之间不必要的数据传输。
、 、 、 都是存储在浏览器端的数据。 这个概念非常特别,引入了“浏览器窗口”的概念。 它是始终存在于同一来源的同一窗口(或选项卡)中的数据。 也就是说,只要浏览器窗口没有关闭,即使刷新页面或者进入同源的另一个页面网页游戏测试表,数据仍然存在。 窗口关闭后就销毁了。同时“独立”打开的不同窗口,即使在同一页面,也有不同的对象。
将被发送到服务器。 另外两个不会。
区别:
-
+ 每个域名的存储容量比较小(不同浏览器,大约4K)
+ 所有域名的存储容量都有限制(不同浏览器,大约4K)
+ 有数量限制(不同浏览器)
+ 将随请求发送到服务器
-
+ 永久存储
+ 单个域名存储容量较大(建议5MB,各个浏览器不同)
+ 总量无限
-
+ 仅在以下时间内有效
+ 更大的存储容量(建议不限制,但实际每个浏览器不同)
10. 告诉我你对 HTML 语义的理解?
(1)什么是HTML语义?
根据内容的结构(内容语义),选择合适的标签(代码语义)可以让开发者更容易阅读和编写更优雅的代码,同时让浏览器爬虫和机器能够很好地解析它。
(2)为什么是语义?
为了即使没有CSS,页面也有良好的内容结构和代码结构:为了裸跑时好看;
用户体验:例如title和alt用于解释名词或图像信息,label标签的使用方式多样;
有利于SEO:与搜索引擎建立良好的沟通,有助于爬虫抓取更有效的信息:爬虫依靠标签来确定每个关键词的上下文和权重;
促进其他设备(例如屏幕阅读器、盲人阅读器、移动设备)的解析,以有意义的方式呈现网页;
更容易团队开发和维护,语义更具可读性。 是网页下一步的重要趋势。 遵循W3C标准的团队都遵循这个标准,这样可以减少差异化。
(3)语义标签
SM:用于表示页面上一组结构完整且独立的内容部分
SM:主题的辅助信息(用途广泛,主要只是辅助内容)。 如果包含一篇文章,那么该文章的作者和信息内容就是这篇文章的附属内容。
SM:媒体元素,比如一些视频、图片等。
SM:选项列表,与输入元素配合使用,定义输入的可能值
SM:用于描述文档或者文档的某一部分的细节~默认属性是open~
ps:一起使用
标题:网页游戏测试表 HTML5的优点与缺点?严格模式与混杂模式如何区分?
链接:https://www.52funs.com/news/xydt/4808.html
版权:文章转载自网络,如有侵权,请联系删除!