第5天:head區(qū)的其他設(shè)置_網(wǎng)站重構(gòu)教程

這些技巧主要講meta標(biāo)簽設(shè)置的，其實(shí)與符合web標(biāo)準(zhǔn)關(guān)系不大，只要注重在最后加"/"關(guān)閉標(biāo)簽就可以，但是既然是入門教程，就寫得具體一點(diǎn)吧。

收藏夾小圖標(biāo)

假如你將本站加入收藏夾，可以看到在收藏夾網(wǎng)址之前的IE圖標(biāo)變成了本站非凡的圖標(biāo)。要實(shí)現(xiàn)這樣效果很簡單，首先制作一個(gè)16x16的icon圖標(biāo)，命名為favicon.ico，放在根目錄下。然后將下面的代碼嵌入head區(qū)：

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

為搜索引擎預(yù)備的內(nèi)容

代碼如下，替換成你自己站點(diǎn)的內(nèi)容就可以：

• 答應(yīng)搜索機(jī)器人搜索站內(nèi)所有鏈接。假如你想某些頁面不被搜索，推薦采用robots.txt方法

<meta content="all" name="robots" />

• 設(shè)置站點(diǎn)作者信息

<meta name="author" content="ajie@netease.com,阿捷" />

• 設(shè)置站點(diǎn)版權(quán)信息

<meta name="Copyright" content="www.w3cn.org,自由版權(quán),任意轉(zhuǎn)載" />

• 站點(diǎn)的簡要介紹(推薦)

<meta name="description" content="新網(wǎng)頁設(shè)計(jì)師。web標(biāo)準(zhǔn)的教程站點(diǎn)，推動(dòng)web標(biāo)準(zhǔn)在中國的應(yīng)用" />

• 站點(diǎn)的要害詞(推薦)

<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />

先介紹這么多。補(bǔ)充說明，前面花了5節(jié)都是講head區(qū)的代碼，實(shí)際頁面內(nèi)容還一字未提，呵呵，不要急，其實(shí)head區(qū)是非常重要的，看一個(gè)頁面的head的代碼就可以知道設(shè)計(jì)師是否夠?qū)�業(yè)。