css3技术

WEB2.0标准教程:第五天head区的其他设置_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-10-02 13:17 我要评论( )

WEB2.0标准教程:第五天head区的其他设置,学习WEB2.0标准教程:第五天head区的其他设置,WEB2.0标准教程:第五天head区的其他设置,查看WEB2.0标准教程:第五天hea

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

收藏夹小图标

首先制作一个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.yzci.com,自由版权,任意转载\" />

站点的简要介绍(推荐)
<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的代码就可以知道设计师是否够专业!

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • WEB2.0标准教程:第十二天校验及常见错误_div+css布局教程

    WEB2.0标准教程:第十二天校验及常见错误_div+css布局教程

    2015-10-02 14:13

  • WEB2.0标准教程:第十天自适应高度_div+css布局教程

    WEB2.0标准教程:第十天自适应高度_div+css布局教程

    2015-10-02 14:10

  • WEB2.0标准教程:第十一天不用表格的菜单_div+css布局教程

    WEB2.0标准教程:第十一天不用表格的菜单_div+css布局教程

    2015-10-02 14:07

  • WEB2.0标准教程:第九天第一个CSS布局实例_div+css布局教程

    WEB2.0标准教程:第九天第一个CSS布局实例_div+css布局教程

    2015-10-02 14:02

网友点评