- 中文版Dreamweaver CC 2018基礎(chǔ)培訓(xùn)教程
- 數(shù)字藝術(shù)教育研究室
- 1185字
- 2020-06-12 16:12:50
1.4 網(wǎng)頁文件頭設(shè)置
文件頭在網(wǎng)頁中是看不到的，它包含在網(wǎng)頁中的<head>和</head>標(biāo)簽之間，所有包含在這兩個(gè)標(biāo)簽之間的內(nèi)容在網(wǎng)頁中都是不可見的。文件頭標(biāo)簽主要包括meta、關(guān)鍵字、說明、刷新、基礎(chǔ)和鏈接等。
1.4.1 插入搜索關(guān)鍵字
在萬維網(wǎng)上通過搜索引擎查找資料時(shí)，搜索引擎自動(dòng)讀取網(wǎng)頁中<meta>標(biāo)簽的內(nèi)容，所以網(wǎng)頁中的搜索關(guān)鍵字非常重要，它可以間接地宣傳網(wǎng)站，提高訪問量。但搜索關(guān)鍵字并不是字?jǐn)?shù)越多越好，因?yàn)橛行┧阉饕嫦拗扑饕年P(guān)鍵字或字符的數(shù)目，當(dāng)超過了限制的數(shù)目時(shí)，它將忽略所有的關(guān)鍵字，所以最好只使用幾個(gè)精選的關(guān)鍵字。一般情況下，關(guān)鍵字是對(duì)網(wǎng)頁的主題、內(nèi)容、風(fēng)格或作者等內(nèi)容的概括。
設(shè)置網(wǎng)頁搜索關(guān)鍵字的具體操作步驟如下。
（1）將文檔窗口切換到“代碼”視圖，將鼠標(biāo)指針放在<head>和</head>標(biāo)簽之間，選擇“插入 >HTML > Keywords”命令，彈出“Keywords”對(duì)話框，如圖1-34所示。
圖1-34
（2）在“關(guān)鍵字”文本框中輸入相應(yīng)的中文或英文關(guān)鍵字，注意關(guān)鍵字間要用半角的逗號(hào)分隔。例如，設(shè)置關(guān)鍵字為“瀏覽”，如圖1-35所示。單擊“確定”按鈕，完成設(shè)置。
圖1-35
此時(shí)，觀察“代碼”視圖，發(fā)現(xiàn)<head>和</head>標(biāo)簽之間多了如下代碼。
<meta name="keywords" content="瀏覽">
同樣，還可以通過<meta>標(biāo)簽設(shè)置搜索關(guān)鍵字，具體操作方法如下。
選擇“插入 > HTML > Meta（M）”命令，彈出“META”對(duì)話框。在“屬性”下拉列表中選擇“名稱”選項(xiàng)，在“值”文本框中輸入“keywords”，在“內(nèi)容”文本框中輸入關(guān)鍵字信息，如圖1-36所示。設(shè)置完成后，單擊“確定”按鈕，可在“代碼”視圖中查看相應(yīng)的HTML標(biāo)簽。
圖1-36
1.4.2 插入作者和版權(quán)信息
要設(shè)置網(wǎng)頁的作者和版權(quán)信息，可選擇“插入 > HTML > Meta（M）”命令，彈出“META”對(duì)話框。在“值”文本框中輸入“/x.Copyright”，在“內(nèi)容”文本框中輸入作者名稱和版權(quán)信息，如圖1-37所示，完成后單擊“確定”按鈕。
圖1-37
此時(shí)，在“代碼”視圖中的<head>和</head>標(biāo)簽之間可以查看相應(yīng)的HTML標(biāo)簽。
<meta name="/x.Copyright" content="作者：鵬">
1.4.3 設(shè)置刷新時(shí)間間隔
要指定載入頁面后刷新或者轉(zhuǎn)到其他頁面的時(shí)間間隔，可設(shè)置文件頭部的刷新時(shí)間間隔項(xiàng)，具體操作步驟如下。
選擇“插入 > HTML > Meta（M）”命令，彈出“META”對(duì)話框。在“屬性”下拉列表中選擇“HTTP-equivalent”選項(xiàng)，在“值”文本框中輸入“refresh”，在“內(nèi)容”文本框中輸入需要的時(shí)間間隔值，如圖1-38所示，完成后單擊“確定”按鈕。
圖1-38
此時(shí)，在“代碼”視圖中的<head>和</head>標(biāo)簽之間可以查看相應(yīng)的HTML標(biāo)簽。
<meta http-equiv="refresh" content="60">
1.4.4 設(shè)置描述信息
搜索引擎也可通過讀取<meta> 標(biāo)簽的說明內(nèi)容來查找信息，但說明信息主要是設(shè)計(jì)者對(duì)網(wǎng)頁內(nèi)容的詳細(xì)說明，而關(guān)鍵字可以讓搜索引擎盡快搜索到網(wǎng)頁。設(shè)置網(wǎng)頁說明信息的具體操作步驟如下。
（1）將文檔窗口切換到“代碼”視圖，將鼠標(biāo)指針放在<head>和</head>標(biāo)簽之間，選擇“插入 >HTML > 說明”命令，彈出“說明”對(duì)話框。
（2）在“說明”對(duì)話框中設(shè)置說明信息。
例如，要在網(wǎng)頁中為網(wǎng)站設(shè)計(jì)者提供“利用ASP腳本，按用戶需求進(jìn)行查詢”的說明信息，對(duì)話框中的設(shè)置如圖1-39所示。
圖1-39
此時(shí)，在“代碼”視圖中的<head>和</head>標(biāo)簽之間可以查看相應(yīng)的HTML標(biāo)簽。
<meta name="description" content="利用ASP腳本，按用戶需求進(jìn)行查詢">
同樣，還可以通過<meta>標(biāo)簽實(shí)現(xiàn)，具體設(shè)置如圖1-40所示。
圖1-40
- SignalR Realtime Application Cookbook
- 安全之美
- 信息系統(tǒng)項(xiàng)目管理
- 智慧網(wǎng)絡(luò)協(xié)同組織機(jī)理
- Nutanix超融合基礎(chǔ)架構(gòu)權(quán)威指南
- 網(wǎng)站說服力（第3版）
- 信息安全防御技術(shù)與實(shí)施
- Python Network Programming
- Google Plus First Look：a tip-packed，comprehensive look at Google+
- 兼攻之道：思科當(dāng)前贏利和長遠(yuǎn)發(fā)展的秘訣
- Instant PageSpeed Optimization
- 性能之巔：洞悉系統(tǒng)、企業(yè)與云計(jì)算
- Mastering SaltStack
- 網(wǎng)頁制作案例教程（第2版）
- Axure RP 8.0中文版原型設(shè)計(jì)從入門到精通