網(wǎng)頁(yè)設(shè)計(jì)中的關(guān)鍵字設(shè)計(jì)的方法介紹

2019-10-26 17:26:32

字體：大中小

供稿：網(wǎng)友

很多時(shí)候，我們?cè)谧鲋黜?yè)時(shí)會(huì)忽略了網(wǎng)頁(yè)頭部屬性的設(shè)置。網(wǎng)頁(yè)頭部屬性是指 Html 文件中被＜Head＞標(biāo)識(shí)符所作用的區(qū)域，Html 文件的頭部信息包括了對(duì)當(dāng)前文件一些信息的收集，對(duì) ＜Head＞區(qū)的屬性進(jìn)行修改后，不會(huì)直接影響到該文件的視覺(jué)效果。但通過(guò)對(duì)其進(jìn)行設(shè)置，將使我們的主頁(yè)制作過(guò)程更加規(guī)范、使用更方便。
　　現(xiàn)在就讓我們來(lái)看看如何設(shè)置一些主頁(yè)的頭部屬性：
　　
　　1.META標(biāo)識(shí)符
　　META標(biāo)識(shí)符是主頁(yè)頭部元素用以記錄當(dāng)前頁(yè)面的一些重要信息，例如網(wǎng)頁(yè)的字符集、作者、版本、網(wǎng)頁(yè)關(guān)鍵字等等。
　　例如：
　　＜head＞
　　..............
　　＜meta http－equiv=″Content－Type″ content=″text/html; charset=gb2312″＞
　　＜meta name=″電腦軟硬件應(yīng)用網(wǎng)″ content=″電腦軟硬件應(yīng)用網(wǎng)工作室制作″＞
　　＜meta name=″版本″ content=″第三次改版″＞
　　＜meta name=″內(nèi)容″ content=″軟件下載、使用，主頁(yè)制作，賺錢，導(dǎo)航...″＞
　　..............
　　＜/head＞
　　其中“name”的內(nèi)容表示 META 標(biāo)識(shí)符是包含關(guān)于當(dāng)前頁(yè)面的描述信息，“http－equiv”則表示為 HTTP 頭部信息（HTTP－EQUIV）。
　　
　　2.插入關(guān)鍵字屬性
　　現(xiàn)今網(wǎng)上許多流行的搜索引擎機(jī)器人能讀META標(biāo)識(shí)符中的關(guān)鍵字屬性，并根據(jù)所提供的信息在他們的數(shù)據(jù)庫(kù)中進(jìn)行索引。當(dāng)瀏覽者在搜索網(wǎng)站上輸入相關(guān)的關(guān)鍵字搜索時(shí)，你的網(wǎng)頁(yè)地址就會(huì)列入其中。但有一些搜索引擎會(huì)限制你的關(guān)鍵字的數(shù)量，多余的關(guān)鍵字就會(huì)被忽略。
　　例如：
　　＜meta name=″keywords″ content=″電腦軟硬件應(yīng)用網(wǎng)工作室，https://www.jb51.net″＞
　　＜meta name=″keywords″ content=″軟件下載、軟件使用、主頁(yè)制作、導(dǎo)航″＞
　　其中“keywords”為關(guān)鍵字，“content”內(nèi)容為關(guān)鍵字的屬性。
3.插入網(wǎng)頁(yè)簡(jiǎn)述屬性
　　與關(guān)鍵字（Keywords）的性質(zhì)一樣，網(wǎng)頁(yè)簡(jiǎn)介是給搜索引擎機(jī)器人提供關(guān)于當(dāng)前網(wǎng)頁(yè)的大致簡(jiǎn)介，同樣有一些搜索引擎會(huì)限制你的簡(jiǎn)介的字?jǐn)?shù)。
　　舉例：
　　＜meta name=″description″ content=″電腦軟硬件應(yīng)用網(wǎng)（https://www.jb51.net）－－電腦軟硬件應(yīng)用網(wǎng)工作室，小牛″＞
　　4.插入網(wǎng)頁(yè)刷新屬性
　　例如：
　　＜meta http－equiv=″refresh″ content=″5;URL=https://www.jb51.net″＞
　　這段代碼的意思是：網(wǎng)頁(yè)過(guò)5秒后，當(dāng)前頁(yè)面自動(dòng)跳轉(zhuǎn)到“https://www.jb51.net”。其中“content”中的“5”表示間隔為5秒，也可以更改為“3”、“4”等其他時(shí)間，由網(wǎng)頁(yè)作者自定；“URL”后接想要跳轉(zhuǎn)到的其他頁(yè)面的地址。

上一篇：html中錨標(biāo)記用法實(shí)例分享

下一篇：HTML標(biāo)記一覽表及用法說(shuō)明