第5天:head區(qū)的其他設(shè)置
這些技巧主要講meta標(biāo)簽設(shè)置的，其實(shí)與符合web標(biāo)準(zhǔn)關(guān)系不大，只要注意在最后加"/"關(guān)閉標(biāo)簽就可以，但是既然是入門教程，就寫得詳細(xì)一點(diǎn)吧。
收藏夾小圖標(biāo)
如果你將本站加入收藏夾，可以看到在收藏夾網(wǎng)址之前的IE圖標(biāo)變成了本站特別的圖標(biāo)
。要實(shí)現(xiàn)這樣效果很簡(jiǎn)單，首先制作一個(gè)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" />
為搜索引擎準(zhǔn)備的內(nèi)容
代碼如下，替換成你自己站點(diǎn)的內(nèi)容就可以：
- 允許搜索機(jī)器人搜索站內(nèi)所有鏈接。如果你想某些頁(yè)面不被搜索，推薦采用robots.txt方法
- 設(shè)置站點(diǎn)作者信息
- 設(shè)置站點(diǎn)版權(quán)信息
- 站點(diǎn)的簡(jiǎn)要介紹(推薦)
- 站點(diǎn)的關(guān)鍵詞(推薦)
先介紹這么多。補(bǔ)充說(shuō)明，前面花了5節(jié)都是講head區(qū)的代碼，實(shí)際頁(yè)面內(nèi)容還一字未提，呵呵，不要急，其實(shí)head區(qū)是非常重要的，看一個(gè)頁(yè)面的head的代碼就可以知道設(shè)計(jì)師是否夠?qū)I(yè)。
相關(guān)文章
我們?cè)贑SS中都會(huì)使用margin，但將margin設(shè)置成負(fù)數(shù)，那可能就不大好處理了，margin負(fù)值并非hack，margin負(fù)值遵循文檔流；假如使用margin負(fù)值促使一個(gè)元素向上位移，那么相關(guān)元素也會(huì)隨之發(fā)生位移；margin負(fù)值能良好兼容各瀏覽器。2017-02-02
HTML的全局架構(gòu)標(biāo)簽...2007-02-02
為什么要建立web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處
為什么要建立web標(biāo)準(zhǔn)與web標(biāo)準(zhǔn)的好處...2007-03-03
CSS網(wǎng)頁(yè)布局入門教程7：二列固定寬度居中
CSS網(wǎng)頁(yè)布局入門教程7：二列固定寬度居中...2007-09-09
第5天:head區(qū)的其他設(shè)置...2006-12-12
CSS網(wǎng)頁(yè)布局入門教程14：縱向下拉及多級(jí)彈出式菜單
CSS網(wǎng)頁(yè)布局入門教程14：縱向下拉及多級(jí)彈出式菜單...2007-09-09
css實(shí)現(xiàn)三角形，網(wǎng)上講了很多，但我發(fā)現(xiàn)一般都是三角向上或者向下的，向左向右這兩方向似乎講得很少，本人試了一下，發(fā)現(xiàn)原來(lái)在IE下很難搞~~(萬(wàn)惡的IE)...2014-09-09
摘要：本文主要講談及瀏覽器的渲染原理、流程以及相關(guān)的性能問(wèn)題。對(duì)前端感興趣的同學(xué)，可以參考下2021-05-05
什么叫標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)?
什么叫標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)?...2007-03-03
什么是XHTML?...2007-03-03