初识网页制作

179 阅读1分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第十七天,点击查看活动详情

💕 前言:学习完CSS 3的新特性学习,今天开始掌握网页制作~

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