前端基础学习03

前端基础学习03

文章目录

    • 前端基础学习03
      • 图片相关知识
          • 像素:
          • 分辨率
          • 像素密度
      • HTML规范

图片相关知识

像素:

像素是指由图像的小方格组成的,这些小方块都有一个明确的位置和被分配的色彩数值,小方格颜色和位置就决定该图像所呈现出来的样子。

可以将像素视为整个图像中不可分割的单位或者是元素。不可分割的意思是它不能够再切割成更小单位抑或是元素,它是以一个单一颜色的小格存在。每一个点阵图像包含了一定量的像素,这些像素决定图像在屏幕上所呈现的大小。

一个格子(像素),在计算机中,用二进制来表示,使用的二进制位数越多,像素的色彩就越丰富。
假如就是用一位二进制数表示,就只能表示两种颜色0(黑)和1(白)
前端基础学习03_第1张图片前端基础学习03_第2张图片
前端开发图像问题

分辨率

分辨率,又称解析度、解像度,可以细分为显示分辨率、图像分辨率、打印分辨率和扫描分辨率等。

图像分辨率指图像中存储的信息量,是每英寸图像内有多少个像素点,分辨率的单位为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的写法是
  • 使用标记来告诉浏览器一些额外的信息,例如类容类型和编码
  • 的一个属性charset用来告诉浏览器所使用的字符编码,例如使用utf-8
<head>
    <title>标题title>
    <meta charset="UTF-8">
head>
  • 现在的HTML标准是一个活的标准,可以不断的往里面加入新的内容,所以也可以说HTML5就是HTML,因为学习的就是HTML,只是不断有新的内容出来。
  • 可以用W3C验证工具检验自己写的页面是否符合标准
  • 如果遵循标准,浏览器显示页面会更快,同时不同的浏览器兼容性也会更好,CSS也能更好的工作。
  • 在规范下,alt是的必要属性。

你可能感兴趣的:(前端,css,html,html5,javascript,css3)