HTML學習感想(1)【<head>標籤中的大作用】

        第一次接觸到HTML是因爲朋友的介紹,覺得能掌握一門前端開發的技能也是件不錯的事情。所以在學校學習的時候,空餘時間就會看下HTML,CSS和JS,但是時間有限啊,目前只對HTML稍稍瞭解了一點點而已....爲了能對以後的學習有所幫助,爲了能在以後想起現在起步時的青澀歲月,就決定寫一些博文用來回憶~

        說些小體會吧(有些源自於網上高手的見解)~

(1) 一個完整的HTML文件包含頭部和主體兩個部分的內容。在頭部內容裏,可以定義標題、樣式等,文檔的主體內容就是要顯示的信息。<head>....</head>是頭部標記,其中的標記通常有<title>...</title>、<meta>、<style>....</style>、<script>...</script>等。

頭部中<title>...</title>間的內容就是網頁標題。

<meta>是用來在HTML文檔中模擬HTTP協議的響應頭報文。meta 標籤的用處很多。meta 的屬性有兩種:name和http-equiv。name屬性主要用於描述網頁,對應於content(網頁內容),以便於搜索引擎機器人查找、分類(目前幾乎所有的搜索引擎都使用網上機器人自動查找meta值來給網頁分類)。這其中最重要的是description(站點在搜索引擎上的描述)和keywords(分類關鍵詞),所以應該給每頁加一個meta值。比較常用的有以下幾個:

name 屬性

  1、<meta name="Generator" content="">用以說明生成工具(如Microsoft FrontPage 4.0)等;

  2、<meta name="Keywords" content="">向搜索引擎說明你的網頁的關鍵詞;

  3、<meta name="Description" content="">告訴搜索引擎你的站點的主要內容;

  4、<meta name="Author" content="你的姓名">告訴搜索引擎你的站點的製作的作者;

  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" content="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" content="zh-CN">用以說明主頁製作所使用的文字以及語言;

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

  2、<meta http-equiv="Refresh" content="n;url=http://yourlink">定時讓網頁在指定的時間n內,跳轉到頁面http://yourlink;

  3、<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用於設定網頁的到期時間,一旦過期則必須到服務器上重新調用。需要注意的是必須使用GMT時間格式;

  4、<meta http-equiv="Pragma" content="no-cache">是用於設定禁止瀏覽器從本地機的緩存中調閱頁面內容,設定後一旦離開網頁就無法從Cache中再調出;

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

  6、<meta http-equiv="Pics-label" content="">網頁等級評定,在IE的internet選項中有一項內容設置,可以防止瀏覽一些受限制的網站,而網站的限制級別就是通過meta屬性來設置的;

  7、<meta http-equiv="windows-Target" content="_top">強制頁面在當前窗口中以獨立頁面顯示,可以防止自己的網頁被別人當作一個frame頁調用;

  8、<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">設定進入和離開頁面時的特殊效果,這個功能即FrontPage中的“格式/網頁過渡”,不過所加的頁面不能夠是一個frame頁面。

舉一個實用例子:

<meta http-equiv=refresh content=2>這句的意思就是每間隔2秒鐘刷新一次網頁,可以應用在及時比分更新的製作。

目前爲止,在HTML中<head>的用處基本就是這些,另外<style>、<script>是CSS和JS會用到的,等到以後學習了之後再寫吧~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章