CSS(网页制作)

1.favicon

favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。

目前主要的浏览器都支持favicon.ico图标。

2.网站TDK三大标签SEO优化

1.title 网站标题

title具有不可替代性，是我们内页的第一个重要标签，是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。

建议︰网站名（产品名）–网站的介绍（尽量不要超过30个汉字)

2. description 网站说明

简要说明我们的网站主要是做什么的

我们提倡，description作为网站的总体业务和主题概括，多采用“我们是…”、“我们提供…”、“×××网作为.….”、“电话:010…”之类语句。

例如︰

< meta name=“description” content=“京东JD.COM-专业的综合网上购物商城销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!”/>

3.keyword 关键字

keywords是页面关键词，是搜索引擎的关注点之一。

keywords最好限制为6~8个关键词，关键词之间用英文逗号隔开，采用关键词1,关键词2的形式。

例如︰

< meta name= “keywords" content=“网上购物,网上商城手机笔记本,电脑,MP3,CD,VCD,DV,相机,数码配件,手表,存储卡,京东” />

3. 常用模块类名命名

名称	说明
快捷导航栏	shortcut
头部	header
标志	logo
购物车	shopcar
搜索	search
热点词	hotwrods
导航	nav
导航左侧	dropdown包含 .dd .dt
导航右侧	navitems
页面底部	footer
页面底部服务模块	mod_service
页面底部帮助模块	mod_help
页面底部版权模块	mod_copyright

4. LOGO SEO 优化

1. logo里面首先放一个h1标签，目的是为了提权，告诉搜索引擎，这个地方很重要

2. h1里面再放一个链接，可以返回首页的，把logo的背景图片给链接即可。

3. 为了搜索引擎收录我们，我们链接里面要放文字(网站名称），但是文字不要显示出来。

   • 方法1 : text-indent移到盒子外面( text-indent:-9999px)，然后overflowhidden，淘宝的做法。

   • 方法2∶直接给font-size:0;就看不到文字了，京东的做法。

4. 最后给链接一个title属性，这样鼠标放到logo上就可以看到提示文字了。

5.浏览器私有前缀

1.私有前缀

• -moz-︰代表firefox浏览器私有属性

• -ms-:代表ie浏览器私有属性

• -webkit-:代表safari、chrome私有属性

• -o-︰代表Opera私有属性

2.提倡写法

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-o-border-radius : 10px;

border-radius: 10px;

< meta name=“description” content=“京东JD.COM-专业的综合网上购物商城销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!”/>

0px;