• Sitemap
  • Aboat
  • Home
logo
  • 首页
  • 关于
  • 动态
  • 文章
  • 资源
  • 网站
  • 设计
  • 数码
  • 地图
  • 链接
  • FAQ
  • BLOG
网站重构

WEB标准

  • 什么是web标准
  • 使用标准的好处
  • 怎样过渡
  • XHTML基础问答

推荐文章

·解析HTML的增强标记
·图片垂直居中的使用技巧
·display:inline-block的深入...
·w3csites网站
·web 开发技术荟萃
·网页设计师
·新增CSS在线中文手册
·第10天:自适应高度
·第9天:第一个CSS布局实例
·第8天:CSS布局入门
·第7天:CSS入门
·第6天:XHTML代码规范
·第5天:head区的其他设置
·第4天:调用样式表
·第3天:定义语言编码
·第1天:选择什么样的DOCTYPE
·CSS 常用ID,class命名
·CSS代码缩写技巧
·认识CSS中absolute与relativ...
·一个优化css的站点
·网页设计技巧:跨浏览器的CS...
第5天:head区的其他设置
日期:2008-6-10 | 来源:网页设计师 | 作者:阿捷 | 点击:
  • 字体大小
  • 小
  • 中
  • 大

这些技巧主要讲meta标签设置的,其实与符合web标准关系不大,只要注意在最后加"/"关闭标签就可以,但是既然是入门教程,就写得详细一点吧。

收藏夹小图标

如果你将本站加入收藏夹,可以看到在收藏夹网址之前的IE图标变成了本站特别的图标收藏夹小图标。要实现这样效果很简单,首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下。然后将下面的代码嵌入head区:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

为搜索引擎准备的内容

代码如下,替换成你自己站点的内容就可以:

  • 允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索,推荐采用robots.txt方法
<meta content="all" name="robots" />
  • 设置站点作者信息
<meta name="author" content="ajie@netease.com,阿捷" />
  • 设置站点版权信息
<meta name="Copyright" content="www.w3cn.org,自由版权,任意转载" />
  • 站点的简要介绍(推荐)
<meta name="description" content="新网页设计师。web标准的教程站点,推动web标准在中国的应用" />
  • 站点的关键词(推荐)
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />

先介绍这么多。补充说明,前面花了5节都是讲head区的代码,实际页面内容还一字未提,呵呵,不要急,其实head区是非常重要的,看一个页面的head的代码就可以知道设计师是否够专业。

  • 浏览工具
  • 新闻评论
  • 打印本文
  • 关闭本页
  • 返回页首

相关资源

·第10天:自适应高度
·第9天:第一个CSS布局实例
·第8天:CSS布局入门
·第7天:CSS入门
·第6天:XHTML代码规范
·第4天:调用样式表


  • Copyright © 2006 Nooker.com All rights reserved. Best viewed by 1024 * 768 Ie5.0 +
  • 冀ICP备06000114号
  • 城市漫延 Webmaster:Shadow QQ:5128790