第5天:head区的其他设置

2016-02-19 17:32 5 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的第5天:head区的其他设置教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)收藏夹小图标

  如果你将本站加入收藏夹,可以看到在收藏夹网址之前的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的代码就可以知道设计师是否够专业。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1615453.html

延伸阅读
标签: Web开发
第三步是定义你的语言编码,类似这样: meta http-equiv="Content-Type" content="text/html; charset=gb2312" / 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言,我们一般使用gb2312(简体中文),制作多国语言页面也有可能用Unicode、ISO-8859-1等,根据你的需要定义。 ...
  很显然最简单升级您的核心的方法是使用Red Hat提供的现成核心 RPM 。  这些 RPM 档包含预先编译过的二进位核心,支援大部分的硬体及常见的功能 。  安装现成核心很简单而且牵扯的风险很小。只要以  root 身分键入下面一串指令:    rpm -Uvh kern...
标签: Web开发
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子: #sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px 10px 20...
标签: Web开发
在开始正式内容制作之前,我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如p和li而不一定写对应的/p和/li来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独...
标签: CorelDRAW
   中文CorelDRAW 9.0的“绘图区”指的是在窗口中间有阴影的那个矩形区域。之所以将它称为“绘图区”,是因为只有这部分区域的图形才会被打印机输出到纸上。     “绘图区”页面不是固定不变的,可根据需要将其大小及其背景颜色进行改变。 例如:将“绘图区”页面设置成图19所示的“横向”A3纸,并将其...

经验教程

631

收藏

34
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部