第5天:head區(qū)的其他設(shè)置_網(wǎng)站重構(gòu)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
這些技巧主要講meta標(biāo)簽設(shè)置的,其實與符合web標(biāo)準(zhǔn)關(guān)系不大,只要注重在最后加"/"關(guān)閉標(biāo)簽就可以,但是既然是入門教程,就寫得具體一點吧。
收藏夾小圖標(biāo)
假如你將本站加入收藏夾,可以看到在收藏夾網(wǎng)址之前的IE圖標(biāo)變成了本站非凡的圖標(biāo)
。要實現(xiàn)這樣效果很簡單,首先制作一個16x16的icon圖標(biāo),命名為favicon.ico,放在根目錄下。然后將下面的代碼嵌入head區(qū):
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
為搜索引擎預(yù)備的內(nèi)容
代碼如下,替換成你自己站點的內(nèi)容就可以:
- 答應(yīng)搜索機器人搜索站內(nèi)所有鏈接。假如你想某些頁面不被搜索,推薦采用robots.txt方法
- 設(shè)置站點作者信息
- 設(shè)置站點版權(quán)信息
- 站點的簡要介紹(推薦)
- 站點的要害詞(推薦)
先介紹這么多。補充說明,前面花了5節(jié)都是講head區(qū)的代碼,實際頁面內(nèi)容還一字未提,呵呵,不要急,其實head區(qū)是非常重要的,看一個頁面的head的代碼就可以知道設(shè)計師是否夠?qū)I(yè)。
相關(guān)網(wǎng)站重構(gòu)教程:
- 網(wǎng)站重構(gòu)CSS的優(yōu)化技巧
- 無延遲翻滾的圖形/CSS混合風(fēng)格的按鈕
- 用CSS floats創(chuàng)建三欄頁布局
- 相冊的自動播放效果SlideShow
- 一個簡單又不簡單的Css設(shè)計實例
- 深入CSS結(jié)構(gòu):合理運用div和span
- 深入CSS結(jié)構(gòu):div再議以及對span的迷惑
- 談?wù)剎html的結(jié)構(gòu)標(biāo)簽
- CSS中expression使用簡介
- 從GMail認(rèn)識的W3C網(wǎng)頁標(biāo)準(zhǔn)和Ajax
- 符合WEB標(biāo)準(zhǔn)的導(dǎo)航菜單
- 用UL實現(xiàn)非Table四行三列布局
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)站重構(gòu)教程-第5天:head區(qū)的其他設(shè)置
。