在千锋成都Web前端参加培训，第一阶段的学习已接近尾声，回首过往学习的知识点，为了巩固一下基础知识，便把所有的知识点进行了梳理，梳理的过程中发现有些知识不是很熟悉，在此做了一下整理，做一个简单地分享。

　　一、关于屏幕名称的知识如下：

　　1、分辨率，PPi、DPI、DPR物理像素，逻辑像素;

　　2、屏幕尺寸：指的是屏幕对角线的长度;

　　3、分辨率：是指宽度上和高度上最多能显示的物理像素点个数;

　　4、点距：像素与像素之间的距离，点距和屏幕尺寸决定了分辨率大小;

　　5、PPI：屏幕像素密度，即每英寸(1英寸=2.54厘米)聚集的像素点个数，这里的一英寸还是对角线长度;

　　6、DPI：每英寸像素点，印刷行业术语。对于电脑屏幕而言和PPI是一个意思;

　　7、设备像素(又称为物理像素)： 指设备能控制显示的最小物理单位，意指显示器上一个个的点。从屏幕在工厂生产出的那天起，它上面设备像素点就固定不变了，和屏幕尺寸大小有关，单位 pt;

　　8、设备独立像素(也叫密度无关像素或逻辑像素)：可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，这个点是没有固定下小的，越小越清晰，然后由相关系统转换为物理像素;

　　9、CSS像素(也叫虚拟像素)：指的是 CSS 样式代码中使用的逻辑像素，在 CSS 规范中，长度单位可以分为两类，绝对(absolute)单位以及相对(relative)单位。px 是一个相对单位，相对的是设备像素(device pixel);

　　10、DPR(设备像素比)：设备像素比 = 设备像素 / 设备独立像素。(在Retina屏的iphone上，DPR为2，1个css像素相当于2个物理像素)。

　　二、网页优化的知识点如下：

　　1、网站结构(重构)优化，网页的中结构、表现、行为三者分离;

　　2、H1标签的使用，一个页面设置一个H1标签，有助于搜索引擎明白网站架构，因为H1标签的搜索权重比其他标签高，一般用于logo区域;

　　3、页面头部优化(meta)

　　向搜索引擎说明你的网页的关键词

　　告诉搜索引擎你的站点的主要内容

　　“描述”部分应该用近乎白描的语言写下一段介绍你网站的文字，在这里，你应该适当的对你网站的特色内容加以重复以求突出;

　　“关键字”部分应该列出你认为合适的，能突出网站内容的关键字就可以了，关键字不要设置太多，可设置10---8个，搜索引擎只会浏览靠前的几个关键字;

　　4、超链接优化

　　搜索引擎为何可以能够索引全世界的网站，是因为各个搜索引擎程序中都有一个会自动“爬行”于互联网上的智能机器人程序，这个机器人就是顺着网站之间的链接游览世界的，那么我们就应该为它创造一个良好的爬行通道——合理的设置链接;

　　(1)采用纯文本链接，少用，最好是别用Flash动画设置链接，因为搜索引擎无法识别Flash上的文字;

　　(2)按规范书写超链接，这个title属性，它既可以起到提示访客的作用，也可以让搜索引擎知道它要去哪里;

　　(3)最好别使用图片热点链接，理由和第一点差不多。

　　5、图片优化(alt属性，title属性)

　　图片优化并不是修改图片的大小、颜色，而是你应该为每个标签加上alt属性，alt属性的作用是当图片无法显示时以文字作为替代显示出来，而对于SEO来说，它可以令搜索引擎有机会索引你网站上的图片，对于一些确实没什么意义的图片，最好也不要省略alt，而应该留空，即 alt="";

　　6、避免大“体积”的页面;

　　7、命名规则化，使用公共代码。

上一篇

千锋成都站学员分享 沉浸式学习Java技能

下一篇

收获源于反复实践 参加千锋成都Web培训成就感十足