html5设置图片自适应屏幕宽度
使用百分比,比如
这样就会保持屏幕的50%的宽度。
如果有上级标签,比如:
那图片大小就是div宽度的50%,div没有设置宽度就会默认是屏幕宽度,如果设置了宽度,就要注意
HTML5是什么东西
1. HTML5的技术组成HTML5技术由HTML(结构)、CSS(样式)、JavaScript(行为)组成。2. 什么是结构、样式与行为?
简单来说,HTML5是“将设计图转换为用户查看的网页”所需要的技术。
结构实现的是网页中的标题、列表、图片等标签。
样式处理的是标题文字的字体大小、颜色,图片尺寸,某个标签的背景等。
行为可以实现网页中的时间,电商网站当中的倒计时效果,在注册表单时用户名是否重复的检测,网站当中顶部图片的切换特效等等。简单的理解结构样式和行为:将网页看做一个装修好的功能完备的房子,那么结构实现的是房间以及家具的位置布局,样式则是针对房间进行装饰,行为是为房间添加“开门”等功能。想了解更多,可查看文章《HTML5(WEB前端)是什么?零基础技术小白,轻松认识HTML5》
h5参数
H5 参数通常指的是网页开发中使用 HTML5 技术所需要的一些特定参数。这些参数可以控制 HTML5 页面的格式、布局、多媒体元素的显示等。举个例子:
<meta charset="UTF-8">: 设置页面的字符集为 UTF-8。
<meta name="viewport" content="width=device-width, initial-scale=1.0">: 设置页面的视口宽度为设备宽度,并设置初始缩放比例为 1.0。
<video>: 在页面中添加视频元素,可以设置视频的源文件地址、宽度、高度等参数。
这只是 HTML5 中一部分常用的参数,不同的项目可能需要不同的参数。您可以在 HTML5 相关的文档和教程中查询更多信息。

