訪客人數:    設為首頁   加入最愛  
產品搜索
高級搜索 熱門關鍵字 企業網站 網路商店系統 特惠套餐
網站公告  (6)
內容管理  (7)
會員功能  (5)
頁面設置  (6)
模版設計  (10)
語言開發  (3)
常見問題  (0)
網路知識  (10)
HTML文件HEAD內部標記淺析
台灣網棧   2008-11-07 15:01:27 作者:SystemMaster 來源: 文字大小:[][][]
 

今天,使用各種所見即所得工具製作主頁已經是一件非常容易的事情了。但是了解HTML源代碼和語法,無疑對我們製作主頁有更大的幫助,也可以使用戶能更精確地控制頁面的效果。介紹HTML語法的文章已經很多,但是除了TITLE標記外,HEAD裡還有其他的幾個標記。這些標記雖然不常用,但是需要我們對他們有一定的了解。

  一、META

  META標記用於描述不包含在標準HTML裡的一些文檔信息。激烈的競爭使瀏覽器廠商紛紛利用META開發出許多實用的功能,又使這些功能在常用的瀏覽器中都有效。下面介紹幾個很有用的用法:

  *<META NAME="keywords" CONTENT="yourkeyword">
  <META NAME="description" CONTENT="your homepage's description">
  本頁的關鍵字和描述。在頁面裡加上這些定義後,一些搜索引擎就能夠讓讀者根據這些關鍵字查找到你的主頁,了解你的主頁內容。

  * <META HTTP-EQUIV="refresh" CONTENT="60; URL="new.htm">
  瀏覽器將在60秒後,自動轉向到new.htm。你可以利用這個功能,製作一個封面,在若干時間後,自動帶讀者來到你的目錄頁。
  如果URL項沒有,瀏覽器就是刷新本頁。這就實現了WWW聊天室定期刷新的特性。

  * <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312">
  描述本頁使用的語言。瀏覽器根據此項,就可以選擇正確的語言編碼,而不需要讀者自己在瀏覽器裡選擇。GB2312是指簡體中文,而台灣BIG5內碼的主頁則是用BIG5。

   * <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  強制性調用網上的最新版本。瀏覽器為了節約時間,在本地硬盤上保存一個網上文件的臨時版本。在你要重新調用時,直接顯示硬盤上的文件,而不是網上的。如果你想讓讀者每次都看到最新的版本,就加上這句話。

  二、LINK

  顯示本文檔和其他文檔之間的連接關係。一個最有用的應用就是外部層疊樣式表的定位。格式如下:

  <LINK REL="stylesheet" HREF="style.css">

  REL參數說明兩個文檔之間的關係,HREF說明目標文檔名。

  關於層疊樣式表,請參考其他文章。

  三、BASE

  BASE主要有兩種用處:

  1、<BASE HREF="原始地址">
  本文檔的原始地址。這樣,讀者下載你的文檔之後,也可以知道是從哪裡下載的。

  2、<BASE TARGET="目的框架名">
  在一個框架(frame)頁中,如果要把某個框架的連接在另外一個框架顯示,例如,把menu框架中的連接顯示到content框架,就可以在menu框架中的頁面加上<BASE TARGET="content">,這樣,就沒有必要在menu頁面的所有連接的<a>標記中添加target屬性了,除非這個連接不是在content框架中顯示。

四、BODY

  BODY標記有一些屬性,用於定義頁面內的顯示效果。
  ALINK、LINK、TEXT、VLINK

  文字的顏色。

  ALINK:當前激活的連接的文字顏色。
  LINK:連接的文字顏色。
  TEXT:文字的顏色。
  VLINK:參觀過的文字顏色。

  注意:文字的顏色要和背景色有明顯的差別,以便讀者瀏覽。

  BACKGROUND、BGPROPERTIES、BGCOLOR:頁面的背景部分。

  BACKGROUND:背景圖案,該圖案在頁面內平鋪。背景圖案應保持單一色調,以保證頁面文字易於閱讀。
  BGPROPERTIES:設置成FIXED,則背景圖案不滾動。(只對INTERNET EXPLORER有效)
  BGCOLOR:背景色。

  注意:如果你的背景圖案是深色調,因之文字顏色為淡顏色,那麼由於瀏覽器調用頁面的順序是“背景色-文字-背景圖案”,那麼在背景圖案沒有顯示的情況下,你的文字在白顏色下很難閱讀,所以應該選用一個跟你的背景圖案顏色一致的背景色。

  LEFTMARGIN、TOPMARGIN:頁邊空白。(只對INTERNET EXPLORER有效)

  LEFTMARGIN:左邊頁邊空白。
  TOPMARGIN:頂端頁邊空白。
  MARGINWIDTH、MARGINHEIGHT:頁邊空白。(只對NETSCAPE NAVIGATOR有效)
  MARGINWIDTH:左右頁邊空白寬度
  MARGINHEIGHT:上下頁邊空白高度

  在這裡,我們第一次碰到了INTERNET EXPLORER和NETSCAPE NAVIGATOR支持不同的標記的情況。由於商業競爭的殘酷,作為兩家最大的瀏覽器軟件開發商,MICROSOFT和NETSCAPE都在擴展HTML的功能,增加一些標準HTML沒有的標記。由於互相保守商業機密,兩家發展的標記不盡相同。值得慶幸的是,這兩種瀏覽器對於自己無法辨認的標記,不會報錯,只是簡單的忽略過去。這樣,我們把它們各自支持的標記都加上,就可以達到一致的效果。就這個例子來說,如果我們想製作一個頁面,使用兩種瀏覽器來看,頁邊空白都是0,就可以這樣寫:

   <BODY LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">

  其他類似的情況也一樣,只要我們把它們都寫在一起一般就沒有問題了。

徵求代理 聯絡方式 模版展示 常用文件 友情連結 內容搜尋

精英智匯股份有限公司─台灣網棧架站系統-主控站
Copyright © 1987-   WiseGenius Technology Co., Ltd.   Powered By Webank