设计之家 > 教程 > 網頁教程 > 其他教程 >

【循序漸進學web標準】第5天:head區的其他設置

作者:阿捷 來源:網頁設計師 時間:2005-04-18

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

标签:

相關文章:

推薦設計

最新文章