标签:text 速度 标签 加载速度 ctrl+h ext position for 大量
(一)WEB初识
【1】浏览器
五大主流浏览器 | 开发团队或浏览器内核简称 | CSS3特定属性(新属性加前缀) |
---|---|---|
Chrome | webkit | -webkit-transform |
Safari | webkit | |
IE | ms | |
Firefox | moz | |
Opera | o |
浏览器内核(渲染内核和js内核,前者渲染代码,计算显示方式,进而读取呈现页面;后者偏向于动态效果的展示)
【2】web标准
浏览器编写的代码统一规范,让浏览器尽可能显示一致的效果
①由此依据,内容能被更广泛的设备访问
②方便代码维护,提高页面加载速度
③网站流量的费用就降低了
④更容易被搜索引擎搜索
⑤让web的发展前景更广阔
(二)SEO规范
(Search Engine Optimization)搜索引擎优化
【1】浏览器标签页title 标题
控制在28个字符最佳,网站名(或产品名)-网站的介绍
【2】Keywords 关键字
6~8个关键字最佳,电商类网站可以多些
【3】Description 网站说明
字符数含空格不超过120个汉字最佳
补title、Keywords未能充分的描述
用英文逗号隔开: "关键字1,关键字2"
【4】LOGO
加个h标题,告诉搜索引擎这里很重要--h里放个链接--链接里加个网站名和title提示,便于搜索引擎收录
(三)IDE
(Integrated Department Environment)集成开发环境,又叫代码编辑工具
【1】常用
Dreamweaver
Sublime Text
WebStorm
VScode
【2】Emmet语法
(四)切图
【1】Cutterman是个嵌入正版PhotoShop的一个快速成图的插件,便于web前端与UI设计工作上的对接
【2】比PS更小巧的就是Framework,建议用此软件进行精灵图的代码书写
精灵图(sprite),因谐音又叫雪碧图,把大量小图片集中于一张大背景图,一般用svg格式会好点
标签:text 速度 标签 加载速度 ctrl+h ext position for 大量
原文地址:https://www.cnblogs.com/MaricoCheung/p/13368677.html