WEB2.0標準教程:第五天 head區的其他設置_Web標準教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這些技巧主要講meta標簽設置的,其實與符合web標準關系不大,只要注意在最后加"/"關閉標簽就可以,但是既然是入門教程,就寫得詳細一點吧。
收藏夾小圖標
首先制作一個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.wf0088.com,自由版權,任意轉載" />
站點的簡要介紹(推薦)
<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的代碼就可以知道設計師是否夠專業!
收藏夾小圖標
首先制作一個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.wf0088.com,自由版權,任意轉載" />
站點的簡要介紹(推薦)
<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的代碼就可以知道設計師是否夠專業!
相關Web標準教程:
- 相關鏈接:
- 教程說明:
Web標準教程-WEB2.0標準教程:第五天 head區的其他設置
。