web設(shè)計中關(guān)于首頁的規(guī)范寫法

2022-06-05    分類： 網(wǎng)站建設(shè)

首頁的代碼關(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)頁過期，必須到服務器上重新調(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">

網(wǎng)頁名稱：web設(shè)計中關(guān)于首頁的規(guī)范寫法
文章位置：http://www.bm7419.com/news39/163639.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設(shè)、微信小程序、自適應網(wǎng)站、全網(wǎng)營銷推廣、虛擬主機、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站