發新話題

[W3C標準] 5: head區的其他設置

[W3C標準] 5: head區的其他設置

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

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。