模块化
就是将一个 项目按照功能划分 ; 一个功能一个模型,互不影响
模块化开发具有重复使用,更换方便等优点
所以 在代码中 ,有些样式和结构在很多页面都会出现,比如 页面头部和底部,大部分页面都有,所以 ,我们可以把这些结构和样式单独作为一个模块,然后重复利用
最典型的就是 common.css公共样式,写好一个样式,其余的页面用到这些相同的样式
SEO 搜索引擎优化
SEO 搜索引擎优化 ;就是利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式
SEO目的:对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名。提高网站的知名度
网站必须要有三个标签来符合SEO优化
- title 网站标题 title具有不可替代性,是我们内页的第一个重要标签, 是搜索引擎了解网站的入口和对网页主题归属的最佳判断点 建议 : 网站名(产品名)-网站的介绍(尽量不要超过30个汉字)
- description 网站说明 简要说明我们网站主要是做什么的
- keywords 关键字 是页面的关键词,是搜索引擎的关注点之一 最好限制为 6~8 个关键词,关键词之间用英文逗号隔开
对于前端人员来说,我们只需要准备好这三个标签,具体里面的内容,有专门的SEO人员准备
logo SEO优化
-
logo里面要首先放一个h1标签,目的是为了提权,告诉搜索引擎,这个地方很重要
-
h1里面再放一个链接,可以返回首页的,把logo的背景图片给链接即可
-
为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来
- 方法1 : text-indent 移到盒子外面,然后overflow:hidden
- 方法2 : 直接给font-size :0 就看不到文字了
- 最后给链接一个title属性,这样鼠标放到logo上就可以看到提示文字了