前端基础学习03
程序员文章站
2022-05-07 19:34:28
...
前端基础学习03
图片相关知识
像素：
像素是指由图像的小方格组成的，这些小方块都有一个明确的位置和被分配的色彩数值，小方格颜色和位置就决定该图像所呈现出来的样子。
可以将像素视为整个图像中不可分割的单位或者是元素。不可分割的意思是它不能够再切割成更小单位抑或是元素，它是以一个单一颜色的小格存在。每一个点阵图像包含了一定量的像素，这些像素决定图像在屏幕上所呈现的大小。
一个格子（像素），在计算机中，用二进制来表示，使用的二进制位数越多，像素的色彩就越丰富。
假如就是用一位二进制数表示，就只能表示两种颜色0（黑）和1（白）
前端开发图像问题
分辨率
分辨率，又称解析度、解像度，可以细分为显示分辨率、图像分辨率、打印分辨率和扫描分辨率等。
图像分辨率指图像中存储的信息量，是每英寸图像内有多少个像素点，分辨率的单位为PPI(Pixels Per Inch)，通常叫做像素每英寸。图像分辨率一般被用于ps中，用来改变图像的清晰度。
显示分辨率（屏幕分辨率）是屏幕图像的精密度，是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标。可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。
像素密度
像素密度也叫Pixels Per Inch，所表示的是每英寸所拥有的像素数量。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高,图片也就越清晰。
HTML规范
- HTML演化历程
- HTML5是当前的HTML标准
- HTML5支持开发一些web应用
- HTML标准都有万维网协会（world wide web consortium,W3C）制定。
- HTML页面开头用doctype(文档类型)来确定使用的HTML版本，例如最新的HTML5的写法是
<!doctype html> - 使用<meta>标记来告诉浏览器一些额外的信息，例如类容类型和编码
- <meta>的一个属性charset用来告诉浏览器所使用的字符编码,例如使用utf-8
<head>
<title>标题</title>
<meta charset="UTF-8">
</head>
- 现在的HTML标准是一个活的标准，可以不断的往里面加入新的内容，所以也可以说HTML5就是HTML，因为学习的就是HTML，只是不断有新的内容出来。
- 可以用W3C验证工具检验自己写的页面是否符合标准
- 如果遵循标准，浏览器显示页面会更快，同时不同的浏览器兼容性也会更好，CSS也能更好的工作。
- 在规范下，alt是
<img>的必要属性。