HTML5

最新推荐文章于 2024-05-06 19:13:09 发布

噗噗bug

最新推荐文章于 2024-05-06 19:13:09 发布

阅读量77

点赞数

分类专栏：前端基础文章标签： html5 javascript html

本文链接：https://blog.csdn.net/qq_41070511/article/details/120172280

版权

前端基础专栏收录该内容

7 篇文章 1 订阅

订阅专栏

一、HTML5基本介绍

HTMLS可以看做是最新的HTML语言标准，在国内的市场环境中H5这个词汇经常出现，此处HTML5单指从HTML语言的版本上发展出来的最新HTML版本，而市面上的H5指的就是
html5 +css + javascript或者其它脚本集合。指代一整套新的开发流程和模式，需要了解一些HTML5中新增的内容

二、音频标签

音频标签的作用就是在网页当中插入一段声音资源，这在之前的HTML版本中是不能直接实现的，在HTML5中新增了一个双标签名称叫audio，可以通过它来引入一段外部声音，语法和引入图片类似

<body>
    <audio autoplay controls loop>
        对不起,您的浏览器不支持该标签
        <source src-"格式1路径”/>
        <source src-"格式2路径”/>
    </ audio>
</body>

问：为什么谷歌浏览器不能播放，ie浏览器可以播放？

ANS：兼容性问题。没有让其中一个格式所有浏览器都支持，防止垄断

如：mp3格式：ie 、火狐用

测试人员：只需要把三大浏览器测试都播放声音，没有结果就报错

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		</style>
	</head>
	<body>
		<audio src="定格动画背景音乐.mp3" autoplay="autoplay"  controls="controls">
			当前浏览器不支持audio
		</audio>
	</body>
</html>

解释：
autoplay：自动播放
controls：控制

三、视频标签

视频标签的作用就是在网页当中插入一段视频资源，在HTML5没有定义标签之前主要通过自制播放器，或者flash的形式在网页中插入视频。HTML5当中插入视频的标签名称叫 video，它的语法及属性和音频几乎一致

例子：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		</style>
	</head>
	<body>
		<video src="1196.mp4" autoplay="autoplay" controls="controls">
			
		</video>
	</body>
</html>

mp4:ie ,火狐可以播放，谷歌不可以，且播放页面不一样，播放器的播放样式不同，这个无法改。

用html5进行新功能如音视频功能，就需要排除一部分用户，谁用ie浏览器低版本用户，就无法打开这些功能，为什么不纠结谷歌火狐的最低版本？软件管家中有谷歌升级，没有见过IE的软件升级，微软公司规定：ie浏览器仅只能在官网下载，其他软件管家不能升级，如果用win7系统，ie浏览器等级是8，也就是兼容性问题，

优酷，爱奇艺为什么ie低版本可以打开？原因：其用的技术不是html5,其用的技术是flash的技术，iPhone4在发布时，说明没有出现flash技术，用HTML5，苹果手机没有ie，公司不同，苹果就不会有ie

四、IE怎么测低版本？

只要ie浏览器存在一天，就需要测试ie低版本

步骤：

第一步：按F12,打开开发人员工具
第二步：选择仿真按钮
第三步：选择文档模式，ie版本，一般ie测试版本从7往上测就可以，6的版本是默认安装在xp系统中的，xp系统微软已经没有更新了

经典bug1：盒子的外边距：

京东11.11 与天猫11 盒子之间的外边距，程序员写10像素，其他浏览器均为10px，但ie打开变成20像素，程序员需要重新规定ie的像素。

经典bug2：大盒子嵌套小盒子

如果想让小盒子和大盒子沿边缘重合并一起，小盒子设置宽度的时候不能是奇数

7 8 9 ie版本在win7不更新时就不用测了，ie最高版本是11，微软新的浏览器edge

总结

1.html5新标签

音频和视频标签是html5才出现的新标签，它们都有兼容性问题，在进行测试的时候，要打开ie、谷歌、火狐三大浏览器来查看是否能正常运行

H5 = html5 + css + javascript

2.ie浏览器版本

ie浏览器使微软公司 window系统自带的浏览器，它不允许软件管家来更新版本，只能自己去官网下载，导致很多用户一直使用的是低版本ie，这就造成很多兼容性问题，因为ie9以上的版本兼容性才稍微好些，ie9一下各种bug，作为测试人员必须要测试ie低版本（7、8、9、10）

3 h5的概念

定义： html5 + css + javascript三个技术的集合体；（H5这个词是中国独有的，一般指代使用以上三个技术实现的特效绚丽的小页面）

噗噗bug

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5

一、HTML5基本介绍HTMLS可以看做是最新的HTML语言标准，在国内的市场环境中H5这个词汇经常出现，此处HTML5单指从HTML语言的版本上发展出来的最新HTML版本，而市面上的H5指的就是html5 +css + javascript或者其它脚本集合。指代一整套新的开发流程和模式，需要了解一些HTML5中新增的内容二、音频标签音频标签的作用就是在网页当中插入一段声音资源，这在之前的HTML版本中是不能直接实现的，在HTML5中新增了一个双标签名称叫...
复制链接

扫一扫