DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 做好開頭成功一般 Head標記意義非凡
做好開頭成功一般 Head標記意義非凡
編輯:CSS進階教程     

  HTML中的head標記是網頁標記中一個非常重要的符號,head標記中包含的內容基本上描述了所屬頁面的基本屬性,包括標題、字符集、站點信息、網站作者信息、站點描述、站點關鍵詞、搜索引擎蜘蛛引導、刷新及跳轉、樣式表鏈入以及其它一些有用的附加功能。做好head標記中的內容對整個頁面有著非常重要的意義,下面我們介紹一下head標記中比較常用的一些東西。

  一、必須加入的標簽

  1、公司版權注釋

  例子:<!--- The site is designed by Monky,Inc 06/2006 --->

  2、網頁顯示字符集

  簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

  繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">

  英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

  3、網頁制作者信息

  例子:<META name="author" content="jztopweb@gmail.com"> 

  4、網站簡介

  例子:<meta name="description" content="網頁陶吧提供單位或個人建站的全套服務,包括建站指南(建站流程,網站模式,網站類型,主機和域名等)、網站制作(網頁工具、標記語言、網頁特效等)、網站推廣(網頁優化,W3C標准,搜索引擎研究、網站推廣方式等)以及網絡新技術和新模式(web2.0,ajax,垂直搜索引擎等)">

  5、搜索關鍵字

  例子:<meta name="keywords" content="網頁陶吧,建站指南,網頁制作,網站推廣,網頁優化,搜索引擎,域名注冊,虛擬主機,免費空間,網站登錄,網頁工具,標記語言,網頁特效">

  6、網頁的css規范

  例子:<LINK href="style/style.css" rel="stylesheet" type="text/css">

  7、網頁標題

  例子:<title>網頁陶吧_軟件_天極Yesky</title>

  二、可以選擇加入的標簽

  1、設定網頁的到期時間。一旦網頁過期,必須到服務器上重新調閱。

  例子:<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

  2、禁止浏覽器從本地機的緩存中調閱頁面內容。

  例子:<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

  3、用來防止別人在框架裡調用你的頁面。

  例子:<META HTTP-EQUIV="Window-target" CONTENT="_top">

  4、自動跳轉。

  例子:<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://homepage.yesky.com/">,其中的5指的是5秒後跳轉。

  5、網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。

  例子:<META NAME="robots" CONTENT="none">,其中CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。

  6、收藏夾圖標

  例子:<link rel = "Shortcut Icon" href="favicon.ico">

  所有的javascript的調用盡量采取外部調用.

  <SCRIPT LANGUAGE="JavaScript" SRC="script/script.js"></SCRIPT>

  附帶說明:

  <body>標簽不屬於head區,這裡強調一下,為了保證浏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF">

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved