使用Web標準建站第5天:head區的其他設置 - 中國WEB開發者網絡 (http://www.webasp.net) -- 技術教程 (http://www.webasp.net/article/) --- 使用Web標準建站第5天:head區的其他設置 (http://www.webasp.net/article/17/16858.htm) |
| -- 作者:未知 -- 發佈日期: 2005-03-08 |
| 這些技巧主要講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的代碼就可以知道設計師是否夠專業。 |
| webasp.net |