html响应式图片的简单介绍

本文目录一览：

• 1、html5中有没有规定字母标签是用大写还是小写?
• 2、网页设计中响应式具体怎么实现?
• 3、HTML页面是如何适应不同分辨率的显示器

html5中有没有规定字母标签是用大写还是小写?

1、但是在以后的HTML0版本中，W3C明确规定，标签必须用小写格式。而新的XHTML规范里也必须是小写。所以应该是小写正规。

2、属性值一般不区分大小写，但有时大小写是有区别的，特别是在属性值数据用于脚本引用或提交给服务器，而且有些值可能需要使用大写字母。即便如此，为了一致性起见，能小写的就小写。

3、标签采用小写语法是一项行业标准。虽然大写语法并不影响页面的显示效果，但是，代码的可读性很差。下面这段代码可读性就非常差：1为图片标签添加alt属性 在img标签里，alt属性通常非常有用。

网页设计中响应式具体怎么实现?

1、第一步：Meta标签 大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。

2、首先在写页面的时候就要为响应式网页做准备，宽使用百分百，不设置固定高度。设置meta 进行适应移动端页面。

3、我们可以使用Media Query JavaScript来解决，只需要在页面头部引用css3-mediaqueries.js即可。示例：还是跟平常的设计一样。 只是会用@media 判断萤幕尺寸，多写几套样式而已。

4、适宜UI推演的响应办法 在产品逻辑清晰简洁的基础上，一套适宜MaterialDesign变化的全尺寸响应办法就成为复杂响应式网页设计的核心内容，响应办法能够直接决定功能模块的响应逻辑以及UI的变化。

5、方法/步骤 需要先有大屏幕和小屏幕两版的设计稿，或者超大屏幕、大屏幕和小屏幕三屏，以下图片是两屏设计，适应PC端和移动端。

6、用 a（Anchor，简写为 a）来实现网页间的跳转。 a 需要一个 href 属性 指向跳转的目的地。 同时，它还应有内容。 例如：浏览器将显示文本 this links to freecodecamp.org，这是一个可点击的链接。

HTML页面是如何适应不同分辨率的显示器

打开一个网页，在网页的右上方找到一个“查看”选项。点击“查看”选项，下面出现一个下拉菜单，找到“网页缩放”选项。

[i]备注：三者的解析度不一样，就像你把电脑的分辨率调低，图片会变大一样，反之分辨率高，图片缩小。

HTML页面可采用自适应布局或者响应式布局。自适应布局，使用百分比宽度来自适应屏幕大小。响应式布局，使用CSS的@media规则，根据不用屏幕大小范围，编写多个CSS样式，来适应多种屏幕大小。