iT邦幫忙

DAY 4
4

從零開始開發Web應用程式系列 第 4

Web應用程式開發-Html Meta

html的meta標籤位於...標頭中,主要是對文件自身作回應,模擬HTTP協議的回應標頭,這功能並不會影響到網頁的完整或必然性,也不會影響系統的功能,但在許多特定的用處上面,必須要加上meta,其中甚至會關係到SEO的部分,對於開發的系統來說,以功能面的方向,列舉常用的幾個用法:
‧ 網頁編碼
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

‧網頁語言
<meta http-equiv="content-language" content="zh-TW" />

‧註明版權所有
<meta name=COPYRIGHT content="Copyright (c) by XXX ">

‧關鍵字
<meta name="keywords" content="關鍵1,關鍵2,關鍵3" />
<meta name="keywords" Lang="EN" content="key" />
<meta name="keywords" Lang="zh-TW" content="關鍵字" />

‧網頁內容摘要
<meta name="Description" Content="網站介紹" />
如果沒有這行指令,通常搜尋引擎都會以網頁的前廿五字做為網頁內容摘要。

‧作者:author
<meta name="author" content="XXX, XXX@XXX.com.tw" />

‧網頁的形式
<META name=RESOURCE-TYPE content=DOCUMENT>

‧網頁是全世界性的
<META name=DISTRIBUTION content=GLOBAL>

‧搜尋引擎多久檢索一次
<meta name="revisit-after" content="7 days" />

‧製作該網頁使用的編輯器
<meta name="generator" content="Dreamweav" />

‧索引:robots
<meta name="robots" Content="參數">
all:文件將被檢索,且頁面上的鏈接可以被查詢
none:文件將不被檢索,且頁面上的鏈接不可以被查詢
index:文件將被搜尋引擎索引
follow:頁面上的超連結可以被查詢
noindex:文件將不被檢索,但頁面上的超連結可以被查詢
nofollow:文件將不被檢索,頁面上的超連結不可以被查詢

‧導向
<meta http-equiv="refresh" content="10" />
<meta http-equiv="refresh" content="5"; Url="http://www.e-creative.tw/" />

‧ 暫存時間
當瀏覽器cache中的網頁過期,才會重新下載
<meta http-equiv="expires" content="0" /> 設為0代表不暫存該網頁
<meta http-equiv="expires" content="Mon, 10 Feb 2009 02:10:00 GMT" />

‧設定cookie
<meta http-equiv="set-cookie" content="cookiename=cookievalue; expires=Mon, 25 Feb 2011 02:10:00 GMT; path=/" />

‧ 防止別人在框架裡嵌入自己的網頁。Content選項有_blank、_top、_self、_parent。
<meta http-equiv="widow-target" Content="_top" />

以上只是部分,實務上只有部分會用到,端看客戶的需求而定,當然這部分是沒辦法被其他語言或開發工具取代的,如ASP.NET的C#或VB.NET,這是HTML特有的標籤,也是他的特性,如果做好的網站放到INTERNET上,希望能被搜尋引擎搜尋到,或是要做SEO,則keywords、robots就特別要注意設定的正確性,其它像http-equiv="refresh"也很常用,就是當新舊網站並存時,當使用者還是習慣輸入舊網站的網址時,這是就可以停留個五秒鐘,顯示並告知使用者應到新的網站進行操作.
還有最基礎的charset,是網頁的編碼,這也是可能會遇到的問題之一.


上一篇
Web應用程式設計-JavaScript
下一篇
Web應用程式設計-視覺設計
系列文
從零開始開發Web應用程式30

1 則留言

0
chiounan
iT邦研究生 1 級 ‧ 2011-10-03 09:48:43

"防止別人在框架裡嵌入自己的網頁"
原來有這招,謝謝你,長知識了。讚

我要留言

立即登入留言