WEB2.0標(biāo)準(zhǔn)教程:第五天head區(qū)的其他設(shè)置_Div+CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
這些技巧主要講meta標(biāo)簽設(shè)置的,其實(shí)與符合web標(biāo)準(zhǔn)關(guān)系不大,只要注重在最后加"/"關(guān)閉標(biāo)簽就可以,但是既然是入門(mén)教程,就寫(xiě)得具體一點(diǎn)吧。
收藏夾小圖標(biāo)
首先制作一個(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" />
為搜索引擎預(yù)備的內(nèi)容
代碼如下,替換成你自己站點(diǎn)的內(nèi)容就可以:
答應(yīng)搜索機(jī)器人搜索站內(nèi)所有鏈接。假如你想某些頁(yè)面不被搜索,推薦采用robots.txt方法
<meta content="all" name="robots" />
設(shè)置站點(diǎn)作者信息
<meta name="author" content="[email protected],阿捷" />
設(shè)置站點(diǎn)版權(quán)信息
<meta name="Copyright" content="www.yzci.com,自由版權(quán),任意轉(zhuǎn)載" />
站點(diǎn)的簡(jiǎn)要介紹(推薦)
<meta name="description" content="新網(wǎng)頁(yè)設(shè)計(jì)師。web標(biāo)準(zhǔn)的教程站點(diǎn),推動(dòng)web標(biāo)準(zhǔn)在中國(guó)的應(yīng)用" />
站點(diǎn)的要害詞(推薦)
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />
補(bǔ)充說(shuō)明,前面花了5節(jié)都是講head區(qū)的代碼,實(shí)際頁(yè)面內(nèi)容還一字未提,不要急!
其實(shí)head區(qū)是非常重要的,看一個(gè)頁(yè)面的head的代碼就可以知道設(shè)計(jì)師是否夠?qū)I(yè)!
收藏夾小圖標(biāo)
首先制作一個(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" />
為搜索引擎預(yù)備的內(nèi)容
代碼如下,替換成你自己站點(diǎn)的內(nèi)容就可以:
答應(yīng)搜索機(jī)器人搜索站內(nèi)所有鏈接。假如你想某些頁(yè)面不被搜索,推薦采用robots.txt方法
<meta content="all" name="robots" />
設(shè)置站點(diǎn)作者信息
<meta name="author" content="[email protected],阿捷" />
設(shè)置站點(diǎn)版權(quán)信息
<meta name="Copyright" content="www.yzci.com,自由版權(quán),任意轉(zhuǎn)載" />
站點(diǎn)的簡(jiǎn)要介紹(推薦)
<meta name="description" content="新網(wǎng)頁(yè)設(shè)計(jì)師。web標(biāo)準(zhǔn)的教程站點(diǎn),推動(dòng)web標(biāo)準(zhǔn)在中國(guó)的應(yīng)用" />
站點(diǎn)的要害詞(推薦)
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />
補(bǔ)充說(shuō)明,前面花了5節(jié)都是講head區(qū)的代碼,實(shí)際頁(yè)面內(nèi)容還一字未提,不要急!
其實(shí)head區(qū)是非常重要的,看一個(gè)頁(yè)面的head的代碼就可以知道設(shè)計(jì)師是否夠?qū)I(yè)!
相關(guān)Div+CSS教程:
- DIV+CSS設(shè)計(jì)的誤區(qū)
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- DIVCSS中id于class的區(qū)別詳解
- CSS網(wǎng)頁(yè)布局的優(yōu)勢(shì)與CSS樣式表的功能
- 實(shí)現(xiàn)CSS網(wǎng)頁(yè)布局的簡(jiǎn)單原理
- 如何正確的理解CSS的float浮動(dòng)屬性?
- 用PhotoShop兩分鐘完成一個(gè)xhtml css首頁(yè)
- 如何用CSS自定義鼠標(biāo)顯示的形狀?
- DIV CSS布局概述及初步入門(mén)
- 為何要遺棄HTML,執(zhí)行Web標(biāo)準(zhǔn)?
- 用CSS控制輸入框input樣式,懸停交互如何實(shí)現(xiàn)?
- divcss表單布局技巧及CSSForm表單設(shè)計(jì)技巧
猜你也喜歡看這些
- CSS實(shí)例:ULli打造CSS橫向菜單藍(lán)色地平線
- CSS去除表格td默認(rèn)間距及制作1px細(xì)線表格
- CSS基本條狀圖表的實(shí)現(xiàn)方法是什么?
- CSS布局實(shí)例:margin優(yōu)化的一種思路
- CSS JavaScript打造鼠標(biāo)懸停圖片漸顯效果!
- DIVCSS橫向菜單實(shí)例:簡(jiǎn)單的思路陷下的風(fēng)格不錯(cuò)的效果
- CSS布局教程:用DIV CSS實(shí)現(xiàn)國(guó)內(nèi)經(jīng)典式三行兩列布局
- 一個(gè)無(wú)序列表UL鼠標(biāo)激活顯示背景色的實(shí)例
- CSS折疊菜單一例:可自由伸縮折疊
- 仿谷歌google的搜索框下拉提示列表效果
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索WEB2.0標(biāo)準(zhǔn)教程:第五天head區(qū)的其他設(shè)置
- 教程說(shuō)明:
Div+CSS教程-WEB2.0標(biāo)準(zhǔn)教程:第五天head區(qū)的其他設(shè)置
。