商務(wù)網(wǎng)頁設(shè)計與制作(第2版)課件 第11課 元數(shù)據(jù)設(shè)置_第1頁
商務(wù)網(wǎng)頁設(shè)計與制作(第2版)課件 第11課 元數(shù)據(jù)設(shè)置_第2頁
商務(wù)網(wǎng)頁設(shè)計與制作(第2版)課件 第11課 元數(shù)據(jù)設(shè)置_第3頁
商務(wù)網(wǎng)頁設(shè)計與制作(第2版)課件 第11課 元數(shù)據(jù)設(shè)置_第4頁
商務(wù)網(wǎng)頁設(shè)計與制作(第2版)課件 第11課 元數(shù)據(jù)設(shè)置_第5頁
已閱讀5頁,還剩4頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

第3章 HTML網(wǎng)頁制作技術(shù)3.9元數(shù)據(jù)設(shè)置3.9.1設(shè)置字符編碼3.9.2設(shè)置name和content屬性3.9.3設(shè)置http-equiv和content屬性3.9.4制作SEO關(guān)鍵詞3.9.5設(shè)置元數(shù)據(jù)示例3.9元數(shù)據(jù)設(shè)置元數(shù)據(jù)(Metadata,簡寫META)是關(guān)于數(shù)據(jù)的數(shù)據(jù)信息。META標(biāo)簽<meta>提供了HTML文檔的元數(shù)據(jù)。元數(shù)據(jù)不會顯示在客戶端,但是會被瀏覽器解析。META元素通常用于指定網(wǎng)頁的描述、關(guān)鍵詞、文件的最后修改時間、作者及其他元數(shù)據(jù)。元數(shù)據(jù)可以被使用瀏覽器(如何顯示內(nèi)容或重新加載頁面)、搜索引擎(關(guān)鍵詞),或其他Web服務(wù)調(diào)用。元數(shù)據(jù)標(biāo)簽為<meta>,元數(shù)據(jù)標(biāo)簽應(yīng)當(dāng)放在HTML頭文檔中,既在<head>和</head>之間,其主要屬性見表3.25。3.9.1設(shè)置字符編碼字符編碼也稱字集碼,是指字符的編碼規(guī)范,常見的編碼規(guī)范有ASCII、MBCS、GB2312、GBK、Unicode、UTF-8等。其中,UTF-8規(guī)范逐漸成為電子郵件、網(wǎng)頁及其他存儲或傳送文字的應(yīng)用中,優(yōu)先采用的編碼。設(shè)置字符編碼需要使用元數(shù)據(jù)標(biāo)簽<meta>及其charset屬性,設(shè)置方法為

<metacharset=”屬性值”/>其中,charset屬性用來制定字符編碼規(guī)范,其屬性值是字符編碼規(guī)范的代號,如UTF-8、ASCII、GB2312、GBK、Unicode等。在HTML5中,默認(rèn)的字符編碼規(guī)范為UTF-8,可以根據(jù)需要設(shè)成其它字符編碼規(guī)范。3.9.2設(shè)置name和content屬性元數(shù)據(jù)的name屬性是規(guī)定元數(shù)據(jù)名稱的,實際上是定義元數(shù)據(jù)的信息類型的。元數(shù)據(jù)的名稱屬性值代表元數(shù)據(jù)的一種信息類型,再用content屬性進(jìn)一步描述或說明該元數(shù)據(jù)信息類型的具體信息或數(shù)據(jù)。比如,設(shè)置元數(shù)據(jù)name的屬性值為作者“author”,可以用content屬性值進(jìn)一步說明“author”信息類型的屬性值為“張三豐”。設(shè)置元數(shù)據(jù)<meta>的name和content屬性的方法為

<metaname=”name屬性值”content=”content屬性值”/>通過元數(shù)據(jù)的name屬性值來定義元數(shù)據(jù)的信息類型,再通過content屬性值進(jìn)一步描述或說明該信息類型的數(shù)據(jù)值。表單name屬性的常見值見表3.26。3.9.3設(shè)置http-equiv和content屬性元數(shù)據(jù)的http-equiv屬性提供了content屬性的信息值的HTTP頭,可用于模擬一個HTTP響應(yīng)頭。常見http-equiv屬性值見表3.27。設(shè)置元數(shù)據(jù)<meta>的http-equiv和content屬性的方法為<metahttp-equiv=”http-equiv屬性值”content=”content屬性值”/>通過元數(shù)據(jù)的http-equiv屬性值來定義HTTP的響應(yīng)頭,content屬性值進(jìn)一步描述或說明該響應(yīng)頭數(shù)據(jù)值之間的關(guān)系。3.9.4制作SEO關(guān)鍵詞設(shè)置網(wǎng)站檢索信息是SEO運營的重要內(nèi)容之一。網(wǎng)站的檢索信息包括網(wǎng)頁的標(biāo)題、網(wǎng)站關(guān)鍵詞、網(wǎng)站描述、圖片替換文本,以及聯(lián)系方式、版權(quán)說明、公司電話、傳真、地址、備案等網(wǎng)站誠信度相關(guān)信息。除了網(wǎng)站關(guān)鍵詞以外,其他檢索信息均可采用前面的技術(shù)完成制作。制作網(wǎng)站SEO關(guān)鍵詞,可以使用元數(shù)據(jù)標(biāo)簽<meta>及其name屬性的“keywords”值,以及content屬性。設(shè)置方法為

<metaname=”keywords”content=”keywords列表”/>通過<meta>的name屬性值“keywords”來確定元數(shù)據(jù)為關(guān)鍵詞類型,再通過content屬性值來定義關(guān)鍵詞列表,列表之間使用英文逗號“,”分割。如content=”電器網(wǎng)站,空調(diào),洗衣機,電冰箱,飲水機,電飯煲”。3.9.5設(shè)置元數(shù)據(jù)示例網(wǎng)頁制作要求:制作一個網(wǎng)頁,元數(shù)據(jù)設(shè)置要求如下:采用“UTF-8”字符編碼規(guī)范;設(shè)置網(wǎng)頁5秒之后自動跳轉(zhuǎn)到人民郵電出版社網(wǎng)址;設(shè)置作者為“張三豐”;設(shè)置網(wǎng)站的搜索關(guān)鍵詞為:武俠小說、金庸、梁羽生、古龍、還珠樓主、柳殘陽;設(shè)置網(wǎng)頁的描述為“武俠小說大本營!包括著名武俠小說作家金庸、古龍、梁羽生、還珠樓主,柳殘陽等的優(yōu)秀作品,書籍最全面、價格最優(yōu)惠!”。分析:采用元數(shù)據(jù)<meta>的charset屬性設(shè)置字符編碼規(guī)范,設(shè)置http-equiv屬性值為“refresh”并結(jié)合content屬性來設(shè)置網(wǎng)頁自動跳轉(zhuǎn),設(shè)置name屬性值為“author”并結(jié)合content屬性來設(shè)置作者姓名,設(shè)置name屬性值為“keywords”并結(jié)合content屬性值來設(shè)置網(wǎng)站的搜索關(guān)鍵詞。設(shè)置元數(shù)據(jù)的綜合示例代碼如下:<!DOCTYPEhtml><html><head><title>設(shè)置元數(shù)據(jù)示例</title><metacharset="UTF-8"/><metahttp-equiv="refresh"content="5;URL="/><metaname="author"content="張三豐"/><metaname="keywords"content="武俠小說,金庸,古龍,梁羽生,還珠樓主,柳殘陽"/><metaname=”description”content=”武俠小說大本營!包括著名武俠小說作家金庸、古龍、梁羽生、還珠樓主,柳殘陽等的優(yōu)秀作品,書籍最全面

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論