Web Design

這些技巧主要講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的代碼就可以知道設計師是否夠專業。