0基础学前端—品优购项目Day14
视频参考:B站Pink老师
本节重点:all
项目链接:完整的项目已放到 品优购完整项目 大家可以自行下载
强调内容
这里主要强调两个知识点:
(1) 网站TDK三个标签SEO优化
(2) logo SEO优化
网站TDK三个标签SEO优化
T: title 网站名(产品名)网站的介绍
D: 网站是做什么的
K:关键字 6~8个最好
logo SEO优化
(1)logo里面首先放一个h1标签,目的是为了提权、告诉搜索引擎(重要)
(2)h1里面再放一个链接,可以返回首页的,把logo的背景图发给链接即可
(3)为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来
·方法1:text-indent移到盒子外面text-indent:-999px,然后overflow:hidden,淘宝是这么做的
·方法2:直接给font-size:0,就看不到文字了,京东这么做
(4)最后给链接一个title属性,这样鼠标放到logo上就可以看到提示文字了
—————————————————————————————————————————
下面即将更新移动Web的flex布局,之后就更新JS了,有什么问题都可以在评论区进行讨论哦!