[轉載]HTML文檔中meta標籤的作用

轉載網址：http://blog.blueshop.com.tw/formosa/articles/1813.aspx

訊息來源：blog.csdn.net

meta是用來在HTML文檔中類比 HTTP通訊協定的響應頭報文。meta 標籤用於網頁的＜head＞與＜/head＞中，meta 標籤的用處很多。meta 的內容有兩種：name和http-equiv。name內容主要用於描述網頁，對應於content（網頁內容），以便於查詢引擎機器人尋找、分類（目 前幾乎所有的查詢引擎都使用網上機器人自動尋找meta值來給網頁分類）。這其中最重要的是description（網站台在查詢引擎上的描述）和 keywords（分類關鍵詞），所以應該給每頁加一個meta值。比較常用的有以下幾個：



name 內容


1、＜meta name="Generator" contect=""＞用以說明生成工具（如Microsoft FrontPage 4.0）等；


2、＜meta name="KEYWords" contect=""＞向查詢引擎說明你的網頁的關鍵詞；


3、＜meta name="DEscription" contect=""＞告訴查詢引擎你的網站台的主要內容；


4、＜meta name="Author" contect="你的姓名"＞告訴查詢引擎你的網站台的製作的作者；


5、＜meta name="Robots" contect="all|none|index|noindex|follow|nofollow"＞


其中的內容說明如下：


設定為all：檔案將被檢索，且頁面上的連結可以被查詢；


設定為none：檔案將不被檢索，且頁面上的連結不可以被查詢；


設定為index：檔案將被檢索；


設定為follow：頁面上的連結可以被查詢；


設定為noindex：檔案將不被檢索，但頁面上的連結可以被查詢；


設定為nofollow：檔案將不被檢索，頁面上的連結可以被查詢。


http-equiv內容


1、＜meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"＞


和 ＜meta http-equiv="Content-Language" contect="zh-CN"＞用以說明主頁製作所使用的文字以及語言；


又如英文是ISO-8859-1字集，還有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字集；


2、＜meta http-equiv="Refresh" contect="n;url=http://yourlink"＞定時讓網頁在指定的時間n內，跳轉到頁面http;//yourlink；


3、＜meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"＞可以用於設定網頁的到期時間，一旦過期則必須到伺服器上重新呼叫。需要注意的是必須使用GMT時間格式；


4、＜meta http-equiv="Pragma" contect="no-cache"＞是用於設定禁止瀏覽器從近端機的緩存中調閱頁面內容，設定後一旦離開網頁就無法從Cache中再調出；


5、＜meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT"＞cookie設定，如果網頁過期，存盤的cookie將被刪除。需要注意的也是必須使用GMT時間格式；


6、＜meta http-equiv="Pics-label" contect=""＞網頁等級升等職稱，在IE的internet選項中有一項內容設定，可以防止瀏覽一些受限制的網站，而網站的限制層級就是通過meta內容來設定的；


7、＜meta http-equiv="windows-Target" contect="_top"＞強制頁面在目前的視窗中以獨立頁面顯示，可以防止自己的網頁被別人當作一個frame頁呼叫；

8、＜meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion=50)"＞和＜meta http-equiv="Page-Exit"

contect="revealTrans(duration=20，transtion=6)"＞設定進入和離開頁面時的特殊效果，這個功能即FrontPage中的「格式/網頁過渡」，不過所加的頁面不能夠是一個frame頁面

外務上班族必備~線上辦公室特輯

由於網路頻寬的增加，以及AJAX的熱門。越來越多的網站開始提供了功能性的服務，這些服務目前看起來陽春，且令人不太習慣，但卻也讓整個使用電腦的時代又更踏入了一個新的紀元。今次整理幾個對於上班族絕對不可或缺的服務，如果能善用這些服務，相信可以增加數十倍功力喔！

個人化首頁

對於不再喜歡首頁被綁在yahoo等入口網站的重度上網者，個人化首頁可以自訂自己的首頁，看是想放天氣，還是看某些網站提供的RSS服務，或是放張會隨時更換美麗的圖片等 ，個人化首頁提供了相當自由的窗口。速度快，沒有多於無用的資訊，是個效率倍增的好服務。

有提供服務的網站：netvibes、MSN Live、Google、Zoho......等(皆須登入才能使用)

網頁版即時通訊

這個網頁可以提供MSN，YAHOO，ICQ與美國線上AOL的及時通訊連線，亦可同時登入，可以做基本的傳訊動作，至於傳檔或是表情訊息等就不支援。

有提供服務的網站：mebbo

線上Word、Excel

如題，您不需要再仰賴OFFICE軟體，可以指藉由瀏覽器來編輯Word或是Excel了，不過功能有些陽春，但基本的插入圖片，製作表格等，都完全具備。目前介面都以英文為主，也可以將本機的word或是excel上傳至此，不過通常來說都會發生問題(畢竟不是所有的功能都支援，所以會造成問題)

有提供服務的網站：Google、Zoho......等(皆須登入才能使用)

線上Powerpoint

同樣藉由強大的AJAX支援，終於讓線上powerpoint的可能性成真了！可以設定投影片的背景，也有預設的排版樣式，也有各種圖形框可以放置。還不能做出轉場動畫，而且僅能在網頁上播放，介面一樣也以英文為主，也可以上傳本機的ppt檔案。不過通常來說都會發生問題。

有提供服務的網站：Zoho、SoapBX......等(皆須登入才能使用)

線上修圖

對於手上暫時沒有影像軟體時的急救包，將本機圖片上傳到伺服器之後，就可以做旋轉、裁切、縮放、色調、飽和度、亮度對比調整等功能。英文介面

有提供服務的網站：shipshot、pixoh、PX8N

JavaScript 不等於 Java

JavaScript

是一種基於對象的腳本語言。網景通訊公司最初在它的Navigator 2.0產品上設計並實現的，原名LiveScript。目前已經在WWW上廣泛用於動態Web頁面的程式語言。

Java

Java，是一種可以編寫跨平臺應用軟體的物件導向的程式設計語言，它最初被命名為Oak，作為一種小家用電器的程式設計語言，用於解決諸如電視機、電話、鬧鐘、烤麵包機等家用電器的控制和通訊問題。由於這些智慧型家電的市場需求沒有預期的高，Sun放棄了該項計劃。就在Oak幾近失敗之時，隨著Internet的發展，Sun看到了Oak在電腦網路上的廣闊應用前景，於是改造了Oak，在1995年5月以“Java”的名稱正式發佈了。Java伴隨著Internet的迅猛發展而發展，逐漸成為重要的Internet程式設計語言。

JavaScript並非Java

JavaScript是由網景通訊公司（Netscape）最初在它的Navigator 2.0產品上設計並實現的，原名LiveScript，除了句法上有一些相似之處以及都能夠提供網頁中的可執行內容以外，JavaScript和Java是完全不相干的。

JavaScript並不簡單

實際上儘管JavaScript是作為一種給非程式設計師提供的腳本語言而不是給程式設計師提供的程式語言來推廣和宣傳的，但是JavaScript是一門具有非常豐富特性的程式語言，和其他所有的語言一樣複雜或者更複雜，你需要對JavaScript有紮實的理解才能用JavaScript執行比較複雜的任務。

所以，javascript就是javascript，他不是java，更不是CSS

[轉載]CSS的明確性(Specificty)

原始文章：http://www.htmldog.com/guides/cssadvanced/specificity/

如果你對某個標籤元素，設定了兩個（或更多）具有衝突的CSS設定，瀏覽器會去遵循一些基本的規範，來決定使用哪個CSS設定。

這個看似不是很重要，而且在大多情況下，你並不會碰到這樣的衝突。但當你的CSS設定規模漸漸變得越來越大，越來越複雜時；或者開始修改舊版本的CSS檔案時，就有可能發生衝突了。

如果選擇符(selectors)都一樣，那麼後者的選擇符將優先於最先的選擇符。像以下的範例，如果你這樣設定：

p { color: red; }
p { color: blue; }

p標籤的顏色屬性將會是藍色，因為遵循了『後者優先』的規則。

然而，你不會選擇使用衝突宣告效果一樣的選擇符（因為那裡沒有大量的點），讓衝突完全合理的發生。不過，當你使用了巢狀選擇符，於以下的例子中：

div p { color: red; }
p { color: blue; }

也許看起來p標籤是置於div標籤內時，p標籤的顏色將會是藍色。依照『後者優先』看起來是這樣，但事實上他們會選用指定為紅色的第一個選擇符。基本上，更具體的選擇符，所造成的衝突才是本文要談論的主題。

實際上，選擇符個別都持有一個優先值。基本上，如果你使用的是id選擇符("#id名稱") 他的優先值是100；每個類(class)選擇符(".類名稱") 的優先值是10；而HTML標籤選擇符（任何HTML名稱）的優先值是1。當使用更具體的選擇符的時候，依照上述的數值將之總和，就可以得到該選擇符的優先值了。

• p ：的優先值是1（1個html選擇符）
• div p ：的優先值是2（2個html選擇符；1+1）
• .tree ：的優先值是10（1個類選擇符）
• div p.tree ：的優先值是12（兩個html選擇符與1個類選擇符；1+1+10）
• #baobab ：的優先值是100（1個id選擇符）
• body #content .alternative p ：的優先值是112（1個html選擇符，id選擇符，類選擇符，html選擇符；1+100+10+1）

所以依照上面列表的範例，div p.tree（優先值12） 的優先權就高於div p（優先值2）；body #content .alternative p（優先值112）的優先權就高於上述全部的範例。而不會依照『後者優先』的規則。

物件導向簡介

物件導向是程式設計的一種，多半採用在JAVA架構下的使用概念。我們將用簡單的用範例來說 明什麼事物件導向，讓大家體會一下物件導向所具備的的直覺性 假設今天我們要用物件導向的觀念使四個士兵敬禮

• 對程式來說，「士兵」就是一種「類(class)」。
• 士兵跟人一樣，有頭髮、五官、手、腳等一切的器官，「器官」就是一種「屬性」。
• 而「使士兵敬禮」是一個指令，這個指令通常代表著一連串小動作的集合：敬禮必須立正：『右手舉起，上臂舉起，與肩平行，小臂與上臂成45度，手掌成三指記號，中指尖至於眉尖，如戴帽時，則齊帽沿。（童軍論壇）』。因此，一連串的動作集合，在電腦中被稱為「函數」

因此，程式的寫法就會這樣

函數 敬禮(對象){ 　　對象.右手＝舉起; 　　對象.上臂＝舉起，與肩平行; 　　對象.小臂與上臂角度＝45度; 　　對象.手掌＝三指記號; 　　如果 對象.有帶帽子(){ 　　　　對象.中指尖＝齊帽沿(); 　　}否則{ 　　　　對象.中指尖＝至於眉尖(); 　} } 執行函數 敬禮("士兵");

全部用中文寫，就很清楚了吧（笑） 要先告訴電腦什麼叫做敬禮，所以要設定敬禮的函數 然後就可以針對「士兵」這個「類」，執行敬禮的函數 我們可以看見函數中必須定義所有的屬性的細部，才能完成動作，而事實上，人的所有動作， 本身就帶著很多複雜的細部設定。 物件導向方法是分析問題和解決問題的方法，其是依照我們人類真實的方法和思維來分析和解 決問題 。這樣子使得物件與真實世界有一個很直接的關係，不需要做任何的轉換就可以讓我們 更易於所理解。