首頁的代碼關(guān)鍵在head區(qū)，head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。
head區(qū)必須加入的標識
公司版權(quán)注釋 <!--- The site is designed by yourcompany,Inc 03/2001 --->
網(wǎng)頁顯示字符集 例如：
簡體中文：<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">
原始制作者信息 <META name="author" content="webmaster@yoursite.com">
網(wǎng)站簡介 <META NAME="DESCRIPTION" CONTENT="這里填您網(wǎng)站的簡介">
搜索關(guān)鍵字 <META NAME="keywords" CONTENT="關(guān)鍵字1,關(guān)鍵字2,關(guān)鍵字3,...">
網(wǎng)頁的css規(guī)范 <LINK href="style/style.css" rel="stylesheet" type="text/css">
網(wǎng)頁標題 <title>這里是你的網(wǎng)頁標題</title>
head區(qū)可以選擇加入的標識
設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
用來防止別人在框架里調(diào)用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
自動跳轉(zhuǎn)。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com">
5指時間停留5秒。
網(wǎng)頁搜索機器人向?qū)?用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。
收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">
JS調(diào)用規(guī)范
所有的javascript腳本盡量采取外部調(diào)用
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
CSS書寫規(guī)范
所有的CSS的盡量采用外部調(diào)用
<LINK href="style/style.css" rel="stylesheet" type="text/css">
書寫時重定義的最先，偽類其次，自定義最后（其中a:link a:visited a:hover a:actived 要按照順序?qū)懀┍阌谧约汉退碎喿x。
為了保證不同瀏覽器上字號保持一致，字號建議用點數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號，黑體字或者宋體字加粗時，一般選用11pt和14.7px 的字號比較合適。
CSS推薦模板。
<style type="text/css">
<!—
p { text-indent: 2em; }
body { font-family: "宋體"; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-
bottom: 0px; margin-left: 0px}
table { font-family: "宋體"; font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #0000FF; text-decoration: none}
a:visited { font-size: 9pt; color: #990099; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9900; text-decoration: none}
.blue { font-family: "宋體"; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
</style>
body標識
為了保證瀏覽器的兼容性，必須設(shè)置頁面背景<body bgcolor="#FFFFFF">
【 微信掃一掃 】
